/* ==========================================================================
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: none;
}
/* 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;
}
/* 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;
background: #ffffff;
font-family: 'STHeiti Light [STXihei]', 'Microsoft Yahei', SimSun, STHeiti, Helvetica, Arial, sans-serif;
font-weight: normal;
line-height: 1.6;
color: #333333;
font-size:13px;
}
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: #3d3d3d;
}
a:hover,
a:focus {
color: #171717;
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;
}
.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);
}
/*项目部 2016.05.25 */
/*说明:
1. 修改前缀的表现形式
2. 新增部分js 特效:图片新闻方面
3. 针对适配V2.7版本的jcms 默认设参进行优化
*/
/**项目需要从新定义的属性:
===================================================================================================
**/
a {transition: all 0.2s ease-out 0s; color:#333}
a:hover{transition: all 0.2s ease-out 0s; color:#F00}
*:hover{transition: all 0.2s ease-out 0s;}
a:focus{outline:none;}
ul,li {list-style:none;}
.bt-bg-gray{ /*灰色*/
background:#e5e5e5;
}
.bt-bg-red{ /*红色*/
background:#e00303;
}
.bt-bg-blue{ /*蓝色*/
background:#2080d1;
}
.bt-color-gray{ /*灰色*/
color:#e5e5e5;
}
.bt-color-red{ /*红色*/
color:#e00303;
}
.bt-color-blue{ /*蓝色*/
color:#081eeb;
}
.bt-weight{
font-weight:bold;
}
/*统一默认值结束*/
/********标准框架/常用样式**************/
/*华丽的分割行*/
.bt-note-10 {/*宋体*/
width:100%;
height:10px;
clear:both;
}
.bt-note-15 {
width:100%;
height:15px;
clear:both;
}
.bt-note-20 { /*雅黑*/
width:100%;
height:20px;
clear:both;
}
/****页面框架=***********/
.bt-box{
width:100%;
height:auto;
}
.bt-box-1000 {
width:1000px;
height:auto;
margin:0 auto;
}
.bt-box-980{
width:1000px;
*+width:980px;
padding:0 10px;
height:auto;
margin:0 auto;
}
.bt-box-head,
.bt-box-main,
.bt-box-footer{
width:100%;
min-height:100px;
background:#FFF;
margin:0 auto;
}
.bt-box-main{ }
.bt-box-220,
.bt-box-235,
.bt-box-240,
.bt-box-310,
.bt-box-320,
.bt-box-430,
.bt-box-490,
.bt-box-520,
.bt-box-660,
.bt-box-760
{
background:#FFF;
min-height:200px;
_height:200px;
}
/*宋体框架*/
.bt-box-220 {
width:220px;
}
.bt-box-240 {
width:240px;
}
.bt-box-310 {
width:310px;
}
.bt-box-430 {
width:430px;
}
.bt-box-520 {
width:520px;
}
.bt-box-760 {
width:760px;
}
/*常用框架==雅黑*/
.bt-box-235 {
width:235px;
}
.bt-box-320 {
width:320px;
}
.bt-box-490 {
width:490px;
}
.bt-box-660 {
width:660px;
}
/*********页头/页脚===部分通用*********/
.bt-logo{float:left}
.bt-search{
}
/*底部导航*/
.bt-footer-nav {
width:1000px;
height:35px;
margin:0 auto;
font-size:13px;
}
.bt-footer-nav span {
padding:0 10px;
font-weight:bold;
line-height:35px;
}
.bt-footer-nav a {
padding:0 20px;
line-height:35px;
cursor:pointer
}
/*底部版权*/
.bt-copyright {
width:1000px;
min-height:110px;
margin:0 auto;
padding:20px 0;
*+min-height:90px;
font-size:13px;
text-align:center;
display:table; /*模拟table 实现N行居中*/
}
/**bananr 区**/
.bt-bananr{
width:100%;
min-height:88px;
line-height:88px;
}
/**********按钮部分****************/
.bt-bnt-big{
width:188px;
height:45px;
line-height: 45px;
font-size: 17px;
border:0;
}
.bt-bnt-small{
width:145px;
height:35px;
border:0;
}
/***bnt_01样式开始**/
.bt-bnt-big-01,
.bt-bnt-small-01
{
color:#FFF;
background: #3385ff;
}
.bt-bnt-big-01:hover,
.bt-bnt-small-01:hover
{
background: #5096fd;
}
.bt-bnt-big-01:active,
.bt-bnt-small-01:active
{
background: #1c6fea;
}
/*按钮组件-02*/
.bt-bnt-big-02 {
background: url(bnt_02_big.png) no-repeat 0 0;
}
.bt-bnt-big-02:hover {
background: url(bnt_02_big.png) no-repeat -189px 0;
}
.bt-bnt-big-02:active {
background: url(bnt_02_big.png) no-repeat -378px 0;
}
.bt-bnt-small-02 {
background: url(bnt_02_small.png) no-repeat 0 0;
}
.bt-bnt-small-02:hover {
background: url(bnt_02_small.png) no-repeat -147px 0;
}
.bt-bnt-small-02:active {
background: url(bnt_02_small.png) no-repeat -294px 0;
}
/*按钮组件-03*/
.bt-bnt-big-03,
.bt-bnt-small-03
{
border:#FFF solid 1px;
background:none;
color:#FFF;
}
.bt-bnt-big-03:hover,
.bt-bnt-small-03:hover
{
background: #2989d5;
border: #eff0f0 solid 1px
}
.bt-bnt-big-03:active,
.bt-bnt-small-03:active
{
background: #04528f;
border: #eff0f0 solid 1px
}
/***bnt_04样式开始==圆角样式从ie9开始支持**/
.bt-bnt-big-04 {
line-height: 45px;
font-size: 17px;
border: #FFF solid 1px;
border-radius: 25px ;
background:none;
color:#FFF;
}
.bt-bnt-big-04:hover {
background: #2989d5;
}
.bt-bnt-big-04:active {
background: #04528f;
}
.bt-bnt-small-04 {
line-height: 35px;
font-size: 15px;
border: #FFF solid 1px;
border-radius: 25px ;
background:none;
color:#FFF;
}
.bt-bnt-small-04:hover {
background: #2989d5;
}
.bt-bnt-small-04:active {
background: #04528f;
}
/**********栏目页框架****************/
.bt-column {
min-height:400px;
overflow:hidden;
position:relative
}
.bt-column-menu { /*绝对定位值是解决自适应高度问题=同时父div要加相定位*/
min-height:300px;
position:absolute;
left:0;
top:0px;
bottom:0px;
background:#f6f6f6;
}
.bt-column-cen{
width:765px;
height:auto;
overflow:hidden;
text-align:left;
float:right
}
.bt-column-cen .bt-title{
height:45px;
background:url(bt_title_blue.jpg) no-repeat 10px 15px;
border-bottom:#CCC solid 2px;
}
.bt-column-cen .bt-title span{ line-height:45px; padding:0 0 0 35px; font-size:15px; font-weight:bold}
/*******文章页专用样式********/
.bt-article{
background:#fff;
min-height:450px;
padding:40px 100px;
margin:0 auto
}
/***文章正文**/
.article-y {
min-height:300px;
text-align:left;
font-family:"微软雅黑"
}
.article-y .title {
width:100%;
line-height:40px;
font-size:26px;
font-weight:500;
text-align:center;
border-bottom:#CCC solid 1px;
padding-bottom:10px;
margin-bottom:5px;
}
.article-y .font {
width:100%;
min-height:30px;
text-align:center
}
.article-y .font span {
padding:0 20px;
line-height:30px;
}
.article-y .wenz {
width:100%;
min-height:300px;
}
.article-y .wenz p {
padding:5px 0 15px 0;
text-indent:2em;
line-height:28px;
}
.article-y .wenz img {
padding:10px 0;
text-align:center
}
.article-y .fenxiang {
text-align:left;
height:35px;
border-bottom:#CCC dashed 1px;
margin-top:10px;
}
.article-y .next {
text-align:left;
line-height:30px;
margin-top:10px;
}
/**宋体**/
.article {
min-height:300px;
text-align:left;
font-family:"宋体"
}
.article .title {
width:100%;
line-height:40px;
font-size:22px;
font-weight:900;
text-align:center;
border-bottom:#CCC solid 1px;
padding-bottom:10px;
margin-bottom:5px;
}
.article .font-12{font-size:12px;}
.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:26px;
}
.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;
}
.article .down_bj{background:#f3f3f3}
.article .up_down{border-top:#CCC dashed 1px; border-bottom:#CCC dashed 1px; height:80px; line-height:40px; padding:15px 0;}
.article .up_down span{ line-height:24px; width:100%; display:block}
.font_l{ text-align:left !important}
.font_r{ text-align:right !important}
.m_t15{ margin-top:15px;}
.m_t30{ margin-top:30px;}
/* 1.6 版 底层栏目页标题列表及文章正文样式 大字体*/
.bt_content {
font-size:14px;
text-decoration:none;
color:#3D3D3D;
line-height:26px;
}
/********组件样式开始================================================================================================================
**/
/********站内检索组件-01*********/
.bt-mod-xxjs-01 {
width:321px;
height:40px;
text-align:right;
}
.bt-mod-xxjs-01 .bt-text {
width:270px;
*+width:268px;
height:37px;
*+height:33px;
line-height:37px;
background:#F3f3f3;
border:0;
padding-left:2px;
float:right
}
.bt-mod-xxjs-01 .bt-bnt {
width:51px;
height:37px;
float:right;
background:url(XXJS_01_bnt.png) no-repeat;
border:0;
}
.bt-mod-xxjs-01 .bt-bnt:hover {
background:url(XXJS_01_bnt.png) no-repeat left bottom;
}
/**站内检索组件_02**/
.bt-mod-xxjs-02 {
width:370px;
height:40px;
text-align:right;
}
.bt-mod-xxjs-02 .bt-text {
width:320px;
*+width:318px;
height:37px;
line-height:37px;
background:#F3f3f3;
border:0;
padding-left:2px;
float:right
}
.bt-mod-xxjs-02 .bt-bnt {
width:50px;
height:37px;
float:right;
background:#db0505;
color:#FFF;
border:0;
font-size:15px;
}
.bt-mod-xxjs-02 .bt-bnt:hover {
background:#c10202;
}
/**站内检索组件_03**/
.bt-mod-xxjs-03 {
width:370px;
height:40px;
text-align:right;
}
.bt-mod-xxjs-03 .bt-text {
width:266px;
*+width:263px; /*兼容ie7*/
height:39px;
*+height:37px;
line-height:39px;
border:#afacac solid 1px;
border-right:0;
padding-left:2px;
float:right
}
.bt-mod-xxjs-03 .bt-bnt {
width:39px;
height:39px;
float:right;
background:url(XXJS_03_bnt.png) no-repeat left top;
color:#FFF;
border:0;
font-size:15px;
}
.bt-mod-xxjs-03 .bt-bnt:hover {
background:url(XXJS_03_bnt.png) no-repeat left bottom;
}
/**站内检索组件_04**/
.bt-mod-xxjs-04 {
width:371px;
height:42px;
text-align:right;
}
.bt-mod-xxjs-04 .bt-text {
width:323px;
*+width:321px;
height:42px;
line-height:39px;
border:0;
padding-left:2px;
background:url(XXJS_04_text.png) no-repeat;
float:right
}
.bt-mod-xxjs-04 .bt-bnt {
width:48px;
height:42px;
float:right;
background:url(XXJS_04_bnt.png) no-repeat left top;
color:#FFF;
border:0;
font-size:15px;
}
.bt-mod-xxjs-04 .bt-bnt:hover {
background:url(XXJS_04_bnt.png) no-repeat left bottom;
}
/**站内检索组件_05**/
.bt-mod-xxjs-05 {
widtsh:200px;
height:45px;
text-align:right;
}
.bt-mod-xxjs-05 .bt-text {
width:323px;
*+width:321px;
height:42px;
line-height:39px;
border:0;
padding-left:2px;
background:url(XXJS_04_text.png) no-repeat;
float:right
}
.bt-mod-xxjs-05 .bt-bnt {
width:48px;
height:42px;
float:right;
background:url(XXJS_04_bnt.png) no-repeat left top;
color:#FFF;
border:0;
font-size:15px;
}
.bt-mod-xxjs-05 .bt-bnt:hover {
background:url(XXJS_04_bnt.png) no-repeat left bottom;
}
/**栏目外框组件开始==========================*/
/***栏目外框标题通用**/
/*1.6 版 超链接样式=
=新版未涉及*/
.bt_link {
font-size:12px;
text-decoration:none;
color:#3d3d3d;
}
.bt_linkb {
font-size:14px;
text-decoration:none;
color:#3d3d3d;
}
/***栏目标题通用***/
.bt-box-title{
width:100%;
height:30px;
}
.title {font-size:22px;color:#3D3D3D;font-weight:bold;line-height:150%;} /*1.6*/
.bt-box-title span{
line-height:30px;
}
.bt-box-title .bt-font {
min-width:100px;
float:left;
height:30px;
font-size:14px;
font-weight:bold;
color:#000;
position:relative;
}
.bt-box-title .bt-font .bt-lef-bg,
.bt-box-title .bt-font .bt-rig-bg{
height:30px;
float:left;
}
.bt-box-title .bt-font .bt-lef-bg {
}
.bt-box-title .bt-font .bt-rig-bg {
}
.bt-box-more { /*更多*/
float:right;
padding-right:13px;
}
.bt-box-more a {
line-height:30px;
font-size:13px;
color:#999;
}
.bt-box-more a:hover {
color:#f30;
}
/*1.6 "更多"显示样式*/
.bt_more {
font-size:12px;
color:#3D3D3D
}
a.bt_more {
text-decoration:none;
color:#3d3d3d;
}
a.bt_more:visited {
text-decoration:none;
color:#3d3d3d;
}
a.bt_more:hover {
text-decoration:none;
color:#ff0000;
}
/***日期时间***/
.bt-data-time {
float:right;
color:#666;
}
.bt-data-time a{color:#999;}
/*1.6 时间显示样式*/
.bt_time {
font-size:12px;
color:#999999;
}
.bt_date {
font-size:12px;
color:#999999;
}
/*****栏目外框-01组件**/
.bt-mod-lmwk-01 {
border:#d1e7f2 solid 1px;
}
.bt-mod-lmwk-01 .bt-box-title{
border-bottom:#d1e7f2 solid 1px;
background:#f5fafd
}
.bt-mod-lmwk-01 .bt-box-title .bt-font {
padding:0 15px 0 35px;
border-top:#1a6ab6 solid 2px;
background:url(lmkj_01.png) no-repeat 10px 6px #FFF;
margin-top:-1px;
margin-left:20px;
border-left:#d1e7f2 solid 1px;
border-right:#d1e7f2 solid 1px;
height:31px;
*+height:30px;
}
.bt-mod-lmwk-01 .bt-box-title .bt-font span {
line-height:31px;
*+line-height:30px;
color:#1a6ab6
}
/*栏目外框-02组件*/
.bt-mod-lmwk-02 {
border:#d1e7f2 solid 1px;
}
.bt-mod-lmwk-02 .bt-box-title {
background:url(lmkj_02.png) repeat-x;
margin-top:-1px;
}
.bt-mod-lmwk-02 .bt-box-title img { /*修饰图标*/
float:left;
margin:6px 10px 0 0px;
}
.bt-mod-lmwk-02 .bt-box-title .bt-font {
padding:0 15px; background:#FFF;
height:28px;
margin-top:2px;
}
.bt-mod-lmwk-02 .bt-box-title .bt-font span {
line-height:33px;
color:#1a6ab6
}
/*栏目外框-03组件*/
.bt-mod-lmwk-03 {border:#d8d8d8 solid 1px;}
.bt-mod-lmwk-03 .bt-box-title {
border-bottom:#00F solid 1px;
}
.bt-mod-lmwk-03 .bt-box-title .bt-font {
padding:0 35px;
background:url(lmkj_03.png) no-repeat 15px 10px;
}
.bt-mod-lmwk-03 .bt-box-title .bt-font span {
line-height:30px;
color:#1a6ab6
}
/*栏目外框-04组件*/
.bt-mod-lmwk-04 {
border:#d8d8d8 solid 1px;
}
.bt-mod-lmwk-04 .bt-box-title {
border-bottom:#c91212 solid 1px;
}
/*外框*/
.bt-mod-lmwk-04 .bt-font {
color:#FFF;
}
.bt-mod-lmwk-04 .bt-font .bt-lef-bg {
padding-left:15px;
background:url(lmkj_04.png) no-repeat left top
}
.bt-mod-lmwk-04 .bt-font .bt-rig-bg {
width:15px;
overflow:hidden;
background:url(lmkj_04.png) no-repeat top right
}
.bt-mod-lmwk-04 .bt-font .bt-sanjiao{
width:0px;
height:0px;
border-left:6px solid #fff;
border-right:6px solid #fff;
border-top:7px solid #c91212;
position:absolute;
left:45%;
right:50%;
bottom:-7px;
display:block;
}
/*栏目外框-07组件*/
.bt-mod-lmwk-07 {}
.bt-mod-lmwk-07 .bt-box-title {
height:35px;
*+height:33px;
border-bottom:#d7d7d7 solid 2px;
}
.bt-mod-lmwk-07 .bt-box-title .bt-font {
height:33px;
padding:0 45px;
background:url(lmkj_07.png) no-repeat;
margin-top:2px;
}
.bt-mod-lmwk-07 .bt-box-title .bt-font span {
line-height:33px;
font-size:15px;
color:#1a6ab6
}
/*栏目外框-08组件*/
.bt-mod-lmwk-08 {}
.bt-mod-lmwk-08 .bt-box-title {
height:35px;
*+height:33px;
border-bottom:#d7d7d7 solid 2px;
}
/*外框*/
.bt-mod-lmwk-08 .bt-box-title .bt-font {
padding:0 15px 0 30px;
border-bottom:#c91212 solid 2px;
color:#c91212;
height:35px;
*+height:33px;
background:url(lmkj_08.png) no-repeat 5px 5px;
}
.bt-mod-lmwk-08 .bt-box-title span {
line-height:33px;
}
/***************标题链接 组件开始=====================*/
.bt-prefix{float:left; min-width:3px;}
.bt-prefix-bj-d{ background:url(bt_prefix_d.gif) no-repeat; padding-right:13px;}
.bt-prefix-bj-s{ background:url(bt_prefix_s.gif) no-repeat; padding-right:13px;}
.bt-mod-wzpb-01,
.bt-mod-wzpb-02,
.bt-mod-wzpb-03,
.bt-mod-wzpb-04,
.bt-mod-wzpb-05,
.bt-mod-wzpb-06,
.bt-mod-wzpb-07,
.bt-mod-wzpb-08,
.bt-mod-wzpb-09,
.bt-mod-wzpb-10
{
width:100%;
height:auto;
position:relative;
padding:0 15px;
display:table;
}
.bt-mod-wzpb-01 ul,
.bt-mod-wzpb-02 ul,
.bt-mod-wzpb-03 ul,
.bt-mod-wzpb-04 ul,
.bt-mod-wzpb-05 ul,
.bt-mod-wzpb-06 ul,
.bt-mod-wzpb-07 ul,
.bt-mod-wzpb-08 ul,
.bt-mod-wzpb-09 ul,
.bt-mod-wzpb-10 ul
{
margin:0;
padding:0;
}
.bt-mod-wzpb-01 .bt-data-time,
.bt-mod-wzpb-02 .bt-data-time,
.bt-mod-wzpb-03 .bt-data-time,
.bt-mod-wzpb-04 .bt-data-time,
.bt-mod-wzpb-05 .bt-data-time,
.bt-mod-wzpb-06 .bt-data-time,
.bt-mod-wzpb-07 .bt-data-time,
.bt-mod-wzpb-08 .bt-data-time,
.bt-mod-wzpb-09 .bt-data-time,
.bt-mod-wzpb-10 .bt-data-time
{float:right; color:666;
}
/*文字排版组-01组件****/
.bt-mod-wzpb-01{
padding:3px 15px 15px 15px
}
.bt-mod-wzpb-01 li {
width:100%;
min-height:35px;
float:left;
border-bottom:#e2e2e2 solid 1px;
}
/*wzpb-01 独有前缀属性*/
.bt-mod-wzpb-01 li .bt-prefix{height:35px;}
.bt-mod-wzpb-01 li .bt-prefix img{ margin:16px 10px 0 0; display:block}
.bt-mod-wzpb-01 .bt-prefix-bj-d{background-position: 0 16px}
.bt-mod-wzpb-01 .bt-prefix-bj-s{background-position: 0 15px}
.bt-mod-wzpb-01 li a {line-height:35px; float:left}
.bt-mod-wzpb-01 li a:hover {
}
.bt-mod-wzpb-01 .bt-data-time{ line-height:35px;}
/***文字排版组-02组件****/
.bt-mod-wzpb-02{padding:3px 15px 15px 15px}
.bt-mod-wzpb-02 li {
width:100%;
min-height:35px;
float:left;
border-bottom:#CCC dashed 1px;
}
/*wzpb-02 独有前缀属性*/
.bt-mod-wzpb-02 li .bt-prefix{height:35px;}
.bt-mod-wzpb-02 li .bt-prefix img{ margin:16px 10px 0 0; display:block}
.bt-mod-wzpb-02 .bt-prefix-bj-d{background-position: 0 16px}
.bt-mod-wzpb-02 .bt-prefix-bj-s{background-position: 0 15px}
.bt-mod-wzpb-02 li a {
line-height:35px;
float:left;
}
.bt-mod-wzpb-02 li a:hover{
}
.bt-mod-wzpb-02 .bt-data-time{line-height:35px;}
/***文字排版组-03组件****/
.bt-mod-wzpb-03 {
padding:6px 15px 10px 15px;
}
.bt-mod-wzpb-03 ul {
margin:0;
padding:0;
}
.bt-mod-wzpb-03 li {
width:100%;
min-height:30px;
float:left;
}
/*wzpb-03 独有前缀属性*/
.bt-mod-wzpb-03 li .bt-prefix{height:30px;}
.bt-mod-wzpb-03 li .bt-prefix img{ margin:12px 8px 0 0; display:block}
.bt-mod-wzpb-03 .bt-prefix-bj-d{background-position: 0 13px}
.bt-mod-wzpb-03 .bt-prefix-bj-s{background-position: 0 13px}
.bt-mod-wzpb-03 li a {
line-height:30px;
float:left;
}
.bt-mod-wzpb-03 li .bt-data-time { line-height: 30px;}
/***文字排版组-04组件****/
.bt-mod-wzpb-04{
padding:8px 15px 8px 15px
}
.bt-mod-wzpb-04 ul {
margin:0;
padding:0;
}
.bt-mod-wzpb-04 li {
width:100%;
min-height:30px;
float:left
}
.bt-mod-wzpb-04 li .bt-data-time {
line-height:30px;
color:#999;
font-size:13px;
float:left;
padding-right:29px;
text-align:left;
display:block
}
.bt-mod-wzpb-04 li a {
line-height:30px;
float:left;
}
/***文字排版组-05组件****/
.bt-mod-wzpb-05{
padding:5px 15px 15px 15px
}
.bt-mod-wzpb-05 ul {
margin:0;
padding:0;
}
.bt-mod-wzpb-05 li {
width:100%;
min-height:40px;
float:left;
border-bottom:#CCC dashed 1px;
}
/*wzpb-05 独有前缀属性*/
.bt-mod-wzpb-05 li .bt-prefix{height:30px;}
.bt-mod-wzpb-05 li .bt-prefix img{ margin:17px 8px 0 0; display:block}
.bt-mod-wzpb-05 .bt-prefix-bj-d{background-position: 0 18px}
.bt-mod-wzpb-05 .bt-prefix-bj-s{background-position: 0 18px}
.bt-mod-wzpb-05 li a {
line-height:39px;
float:left;
}
.bt-mod-wzpb-05 li .bt-data-time { line-height: 39px;}
/***文字排版组-06组件****/
.bt-mod-wzpb-06{
padding:5px 15px 15px 15px
}
.bt-mod-wzpb-06 ul {
margin:0;
padding:0;
}
.bt-mod-wzpb-06 li {
width:100%;
min-height:40px;
float:left;
border-bottom:#CCC solid 1px;
}
/*wzpb-06 独有前缀属性*/
.bt-mod-wzpb-06 li .bt-prefix{height:30px;}
.bt-mod-wzpb-06 li .bt-prefix img{ margin:17px 8px 0 0; display:block}
.bt-mod-wzpb-06 .bt-prefix-bj-d{background-position: 0 18px}
.bt-mod-wzpb-06 .bt-prefix-bj-s{background-position: 0 18px}
.bt-mod-wzpb-06 li a {
line-height:39px;
float:left;
}
.bt-mod-wzpb-06 li .prefix {
width:0px;
height:0px;
border-top:3px solid #fff;
border-bottom:3px solid #fff;
border-left:4px solid #666; /*方向色*/
margin:18px 10px 0 0px
}
.bt-mod-wzpb-06 li .bt-data-time { line-height: 39px;}
/****文字排版组-07组件****
两行/折行显示====日期再右下角位置*/
.bt-mod-wzpb-07{
padding:3px 15px 15px 15px;
}
.bt-mod-wzpb-07 ul {
margin:0;
padding:0
}
.bt-mod-wzpb-07 li {
width:100%;
height:auto;
border-bottom:#ccc solid 1px;
position:relative;
padding:6px 0;
float:left
}
.bt-mod-wzpb-07 li a {
width:100%;
line-height:22px;
}
.bt-mod-wzpb-07 li .bt-data-time {
position:absolute;
bottom:2px;
right:0px;
line-height:24px;
}
/****文字排版组-07组件****/
.bt-mod-wzpb-08 {
padding: 5px 15px 10px 15px
}
.bt-mod-wzpb-08 ul {
margin:0;
padding:0;
}
.bt-mod-wzpb-08 li {
width:100%;
height:45px;
float:left;
margin:6px 0;
border-bottom:#CCC dashed 1px;
}
.bt-mod-wzpb-08 li .bt-data-time {
width:52px;
height:45px;
float:left;
margin:0 10px 0 0;
display:block;
text-align:center;
background:url(lmkj_08-1.png) no-repeat;
}
.bt-mod-wzpb-08 li .bt-day {/*日在上面,字号大**/
width:52px;
height:28px;
line-height:25px;
color:#fff;
font-size:18px;
display:block
}
.bt-mod-wzpb-08 li .bt-month { /*年份和月份下面,字号小**/
width:52px;
color:#fff;
height:18px;
line-height:18px;
font-size:10px;
display:block
}
.bt-mod-wzpb-08 li a {
height:45px;
line-height:40px;
text-align:left;
}
/****文字排版组-09组件****/
.bt-mod-wzpb-09 {
padding:5px 15px 15px 15px
}
.bt-mod-wzpb-09 ul {
margin:0;
padding:0;
}
.bt-mod-wzpb-09 li {
width:100%;
height:auto;
position:relative;
padding:10px 0;
float:left;
border-bottom:#CCC dashed 1px;
}
.bt-mod-wzpb-09 span {
display:block
}
.bt-mod-wzpb-09 li .bt-nrw_pic {
float:left;
margin:5px 10px 0 0
}
.bt-mod-wzpb-09 li .bt-h1 {
height:35px;
}
.bt-mod-wzpb-09 li .bt-font {
line-height:22px;
color:#999;
}
.bt-mod-wzpb-09 li .bt-data-time {
position:absolute;
bottom:10px;
right:0px;
line-height:24px;
font-size:12px;
}
.bt-mod-wzpb-09 li a {
line-height:30px;
font-size:18px;
}
/****文字排版组-10组件****/
.bt-mod-wzpb-10 {
padding:0 15px 15px 15px
}
.bt-mod-wzpb-10 ul {
margin:0;
padding:0;
}
.bt-mod-wzpb-10 li {
width:100%;
height:auto;
position:relative;
padding:10px 0 6px 0;
float:left;
border-bottom:#CCC dashed 1px;
}
.bt-mod-wzpb-10 span {
display:block
}
.bt-mod-wzpb-10 li .bt-nrw_pic {
float:left;
max-width:160px;
margin:5px 10px 0 0;
}
.bt-mod-wzpb-10 li .bt-h1 {
height:35px;
}
.bt-mod-wzpb-10 li .bt-font {
min-height:50px;
line-height:22px;
color:#999;
}
.bt-mod-wzpb-10 li .bt-other {
height:30px;
color:#999;
}
.bt-mod-wzpb-10 li .bt-source{
float:right;
line-height:30px;
font-size:12px;
}
.bt-mod-wzpb-10 li .bt-source a{
background:url(bt-fenxiang.png) no-repeat 30px 1px;
padding-left:50px;
line-height:30px;
font-size:12px;
}
.bt-mod-wzpb-10 li .bt-data-time {
position:absolute;
top:15px;
right:0px;
line-height:24px;
font-size:12px;
}
.bt-mod-wzpb-10 li a {
line-height:30px;
font-size:18px;
}
/**图片+摘要形式****/
.bt-mod-intro {
height:auto;
overflow:hidden;
padding:10px ;
position:relative
}
.bt-mod-intro img {
float:left;
margin:3px 10px 0 0px }
.bt-mod-intro span {
position:relative;
line-height:24px;
text-indent:2em;
}
.bt-mod-intro a {
position:absolute;
bottom:10px;
right:10px;
height:24px;
}
/************当前位置***********/
.bt-position {
width:1000px;
height:35px;
line-height:35px;
color:#000;
margin:0 auto;
background:url(bt_position_blue.png) no-repeat 2px 12px ; /*如需使用红色版请将blue换成red*/
}
.bt-position span {
line-height:35px;
float:left;
padding:0 5px 0 25px;
}
.bt-position 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;
}
.location{ height:30px; float:left}
.location span{padding-ringht:10px;height:30px; float:left; text-align:left}
.location a{ line-height:30px;}
/********js配套 样式开始================================================================================================================
**/
/****** 主导航 配套样式开始**********/
.bt-nav {
width:100%;
min-height:35px;
background:#666
}
/****导航组件—01****/
.bt-nav-01 {
width:1000px;
height:35px;
margin:0 auto;
position:relative;
}
.bt-nav-01 ul {
margin:0;
padding:0;
}
.bt-nav-01 li {
width:125px;
height:35px;
line-height:35px; float:left;
color:#FFF;
text-align:center;
position:relative;
}
.bt-nav-01 li a {
display:block;
float:left;
width:100%;
line-height:35px;
color:#fff;
font-size:15px;
}
.bt-nav-01 li a:hover {
background:#424242
}
.bt-nav-01 li .bt-subdiv {
display:none;
}
.bt-nav-01 li:hover .bt-subdiv {
display:block;
position:absolute;
left:0;
top:35px;
z-index:999;
background:#a9a9a9;
}
.bt-nav-01 li:hover .bt-subdiv li {
border-bottom:#b7b7b7 solid 1px;
overflow:hidden
}
.bt-nav-01 li:hover .bt-subdiv li a {
display: block;
color:#FFF;
text-align:left;
padding-left:20px;
}
.bt-nav-01 li:hover .bt-subdiv li a:hover {background:#424242;}
/** 主导航-02* 整体子列表下拉*/
.bt-jq-TX-070508 {
width:1000px;
height:50px;
margin:0 auto;
position:relative;
background:#333
}
/*父导航样式*/
.bt-jq-TX-070508-list {
width:1000px;
height:50px;
margin:0 auto;
}
.bt-jq-TX-070508-list ul {
margin:0;
padding:0
}
.bt-jq-TX-070508-list li {
width:135px;
height:50px;
float:left;
text-align:center
}
.bt-jq-TX-070508-list li a {
line-height:50px;
display:block;
color:#fff;
font-size:14px;
}
.bt-jq-TX-070508-list li a:hover {
color:#e60012;
background:#FFF;
cursor:pointer
}
.bt-jq-TX-070508-sub {
width:810px;
*+width: 787px;
min-height:300px;
position:absolute;
top:50px;
left:150px;
clear:both;
display:none;
z-index:999
}
.bt-jq-TX-070508-sub .bt-jq-TX-070508-sub-menu {
width:100%;
min-height:300px;
margin:0;
top:0;
background:url(bt-jq-TX-070508-bg.jpg) no-repeat left bottom #fff;
position:absolute;
display:none;
height:auto;
padding:0 0 10px 20px;
border:#efefef solid 1px;
border-top:none;
}
.bt-jq-TX-070508-sub .bt-jq-TX-070508-sub-menu .navigation-down-inner {
padding:35px 0px 0px 0px;
position:relative;
}
/*子栏目==下拉列表样式*/
.bt-jq-TX-070508-sub-menu ul {
width:100px;
height:auto;
float:left;
display:block;
overflow:hidden;
margin:20px 0 0 28px;
padding:0;
}
.bt-jq-TX-070508-sub-menu ul li {
width:100px;
line-height:45px;
border-top:#bcbcbc 1px dashed;
float:left;
}
.bt-jq-TX-070508-sub-menu ul li a {
line-height:45px;
padding-left:10px;
display:block
}
.bt-jq-TX-070508-sub-menu ul li .three {
color:#666;
line-height:30px;
}
.bt-jq-TX-070508-sub-menu ul li .three:hover {
color:#666;
line-height:30px;
color:#e60012
}
/*左侧图片样式*/
.bt-jq-TX-070508-pic {
float:left;
width:265px;
margin-top:30px;
}
.bt-jq-TX-070508-pic img {
max-width:285px;
}
/**************焦点图 配套样式开始****************/
/* 焦点图 01*/
/*使用01效果图:除了css 修改控制图片大小外,还要在在bt-jq-flash-01.js 中查找:maxwidth 的属性 修改最大话数值,与图片保持一致即可*/
.bt-jq-TX-010108{
width:100%;
height:auto;
position:relative;
}
.bt-jq-TX-010108 ul{
margin:0;
padding:0
}
.bt-jq-TX-010108-pic{ /*控制图片大小*/
width:460px;
height:285px;
border:#CCC solid 1px;
position:relative;
overflow:hidden
}
.bt-jq-TX-010108-pic ul{
margin:0;
padding:0
}
.bt-jq-TX-010108-pic li{
width:460px;
height:285px;
float:left;
overflow:hidden
}
.bt-jq-TX-010108-pic li a{
width:100%;
display:block
}
.bt-jq-TX-010108-pic li a img{
width:100%;
}
.bt-jq-TX-010108-pic li span{
width:100%;
height:40px;
line-height:40px;
background:url(alpha_bj.png);
padding-left:20px;
color:#FFF;
display:block;
position:absolute;
left:0;
bottom:0;
}
/**左右按钮样式**/
.rslides-nav{
height:51px;
width:31px;
position:absolute;
top:40%;
left:0;
-webkit-tap-highlight-color:rgba(0,0,0,0);
opacity:0.5;
text-indent:-9999px;
overflow:hidden;
background:url(bt-jq-TX-010108.png) no-repeat 0 0px;
margin-top:-28px
}
.rslides-nav:active{
opacity:1.0
}
.rslides-nav.next{
left:auto;
right:0;
background-position:-31px 0px;
}
/***圆点样式***/
.rslides-tabs {
clear:both;
position:absolute; right:15px; bottom:15px;
}
.rslides-tabs li {
display:inline;
float:none;
_float:left;
*float:left;
margin-right:5px
}
.rslides-tabs a {
text-indent:-9999px;
overflow:hidden;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
background:rgba(0,0,0, .2);
background:#DDD;
display:inline-block;
_display:block;
*display:block;
width:9px;
height:9px
}
.rslides-tabs .rslides-here a {
background:rgba(0,0,0, .6);
background:#390
}
/*图片新闻-焦点图--01*/
.bt-jq-TX-010209{border:solid 1px #ccc;padding:2px; float:left}
.focusBox{width: 286px; height: 229px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white;position: relative;}
.focusBox .pic img { display: block; }
.pic{float:left;}
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%; background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
.focusBox .txt li a:hover{color:#ff0000;}
.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
.focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
.focusBox .num li.on a,.focusBox .num a:hover{ background:#f60;}
/***焦点图暂定版-02***/
.slideshowItem img{max-width:100%; height:40px;}
.image img,.slideshowItem img {
vertical-align:middle;
text-align:center;
border:0;
}
.imagea,.slideshowItem a {
text-decoration:none;
}
.image img{
width:436px;/**此处修改大图片大小**/
height:280px;
}
#featured {
overflow:hidden;
position:relative;
margin-right:5px;
}
#featured .word {
z-index:10;
left:0px;
width:100%;
color:#fff;
bottom:0px;
position:absolute;
height:42px;
background-color:#000000;
filter:alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85;
}
#featured .word h3 {
font-size:13px;
}
#featured .word p {
font:12px;
}
#featured .text h3,#featured .text p{
margin:0;
}
#featured .text {
padding:5px;
}
#featured .ui-els-hide {
display:none;
}
#thumbs {
list-style-type:none;
}
#thumbs li {
display:inline;
float:left;
margin-right:4px;
}
#thumbs ul{ margin:0; padding:5px 0 0 0;
}
#thumbs li {
font-size:12px;
list-style-type:none;
margin-right:5px; /**此处修改小图片间距**/
}
#thumbs li a {
border:#9c9c9c 2px solid;
display:block;
font-size:0px;
}
#thumbs li a:hover {
border:#99cc33 2px solid;
}
#thumbs li a.current {
border:#5fc243 2px solid;
}
#thumbs li a img{ /**此处修改小图片大小**/
width:79px;
height:53px;
max-width:none
}
#highlight {
padding:5px 0 5px 5px;
float:left;
border:1px solid #CCCCCC;
background-color:#FFF;
}
/*图片横向不间断滚动-02*/
#bt-rolling {overflow:hidden;width: 960px;}
.bt-rolling {float:left; padding:0 5px; width:192px; height:155px; }
.bt-rolling-img{width:192px; height:125px; margin:0 5px;}
.bt-rolling-img a{width:192px; height:95px; display:block}
.bt-rolling-img img{ max-width:none; width:192px; height:95px;}
.bt-rolling-img .sp-time{display:block; height:30px; line-height:30px; padding-left:10px}
#indemo {float: left; width: 800%;}
#rolling1 {float: left;}
#rolling2 {float: left; }
/******选项卡切换--配套样式开始********/
.bt-tab-01,.bt-tab-02 {
font-size:15px;
font-weight:bold;
margin-top:5px;
}
.bt-tab-01 {
width:100%;
height:30px;
float:left;
border-bottom:#CCC solid 1px;
}
.bt-tab-01 ul {
margin:0;
padding:0;
}
.bt-tab-01 li {
line-height:29px;
float:left;
padding:0 15px;
cursor:pointer;
}
.bt-tab-01 li.hover {
color:#0077cf;
border-bottom:#F00 solid 2px;
}
.bt-tab-02 {
width:100%;
height:30px;
float:left;
border-bottom:#CCC solid 1px;
}
.bt-tab-02 ul {
margin:0;
padding:0;
}
.bt-tab-02 li {
line-height:29px;
*+line-height:30px;
float:left;
padding:0 15px;
cursor:pointer;
margin-left:10px;
}
.bt-tab-02 .hover {
color:#0077cf;
border:#CCC solid 1px;
border-bottom:none ;
*+line-height:30px;
background:#FFF
}
.bt-tab-con {
width:100%;
height:auto;
position:relative;
float:left;
}
.bt-tab-con .box-mone {
line-height:30px;
text-align:right;
position:absolute;
top:-33px;
right:15px;
}
.bt-tab-con .box-mone a {
line-height:30px;
font-size:13px;
color:#999
}
.bt-tab-con .box-mone a:hover {color:#F00}
#bt-tab-con{ display:block}
/*************图片左右切换滚动 配套样式开始*********************/
.bt-jq-TX010304 {
width:800px; /*容器宽度*/
height:auto;
position:relative;
margin-left:30px;
}
.bt-jq-TX010304 ul {
margin:0;
padding:0;
}
.bt-jq-TX010304 li {
float:left;
width:190px;
height:120px;
margin:0 5px;
position:relative;
overflow:hidden;
color:#FFF
}
.bt-jq-TX010304 li:hover {
color:#0060a6;
}
.bt-jq-TX010304 li a {
display:block;
height:120px;
}
.bt-jq-TX010304 li a img {
margin:0;
padding:0;
}
.bt-jq-TX010304 li .bt-font { /*图片的文字介绍样式*/
position:absolute;
left:0;
bottom:0px;
background:url(../images/alpha_bj.png);
width:100%;
height:35px;
line-height:35px;
padding-left:20px;
text-align:left;
font-size:14px;
}
.bt-jq-TX010304-prev,.bt-jq-TX010304-next { /*按钮的控制样式*/
width:16px;
height:25px;
position:absolute;
top:50px;
z-index:99;
cursor:pointer;
}
.bt-jq-TX010304-prev { /*按钮图片替换*/
background:url(bt_img_act_left.png) no-repeat;
left:10px;
}
.bt-jq-TX010304-next { /*按钮图片替换*/
background:url(bt_img_act_right.png) no-repeat;
position:absolute;
right:10px
}
/*************返回顶部***********************/
.bt-jq-TX-1603 {
position: fixed;
bottom: 40px;
right: 20px;
width: 46px;
z-index: 999;
}
.bt-jq-TX-1603 a {
transition:none;
display: block;
width: 46px;
height: 46px;
margin-bottom: 10px;
background:url(bt-go-top.png) no-repeat;
}
.bt-jq-TX-1603 a:last-child {
margin-bottom: 0;
}
.bt-jq-TX-1603 .bt-jq-TX-1603-link {
background-position: 0 -150px;
}
.bt-jq-TX-1603 .bt-jq-TX-1603-link:hover {
transition:none;
background-position: 0 -250px;
}
.bt-jq-TX-1603 .feedback {
background-position: 0 -100px;
}
.bt-jq-TX-1603 .feedback:hover {
transition:none;
background-position: 0 -300px;
}
.bt-jq-TX-1603 .uc-2vm {transition:none;
background-position: 0 0;
}
.bt-jq-TX-1603 .uc-2vm:hover {
transition:none;
background-position: 0 -350px;
}
.bt-jq-TX-1603 .go{transition:none;
background-position: 0 -150px;}
.bt-jq-TX-1603 .go:hover{transition:none;
background-position: 0 -250px;}
/*
.bt-go-top .share{background-position: 0 -50px;}
.bt-go-top .share:hover{background-position: 0 -200px;}
*/
.bt-jq-TX-1603 .uc-2vm-pop{
position: absolute;right: 60px;top: -100px;
width: 240px;box-shadow: 0px 1px 4px rgba(0,0,0,.1);
background: #fff;
}
.bt-jq-TX-1603 .uc-2vm-pop .title-2wm{font-size: 14px; margin: 10px 20px;}
.bt-jq-TX-1603 .uc-2vm-pop .logo-2wm-box{position: relative;}
b
/***********附表 css 3 或css 特效 考虑到兼容性,不做推荐=============================================================================
**/
/**圆角显示**/
.bt-radius{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius:10px;
}
/**阴影显示**/
.bt-shadow{
-webkit-box-shadow: 3px 3px 3px;
-moz-box-shadow: 3px 3px 3px;
box-shadow: 3px 3px 3px;
}
/**透明度显示**/
.bt-alpha{
filter:alpha(opacity=50); /*IE滤镜,透明度50%*/
-moz-opacity:0.5; /*Firefox私有,透明度50%*/
-khtml-opacity: 0.5;
opacity:0.5;/*其他,透明度50%*/
}
/**css 控制字数/加省略号**/
.bt-nowrap{
overflow: hidden; /*一定要有*/
text-overflow: ellipsis;
white-space: nowrap;
}
/**css 强制换行**/
.bt-wrap{
word-wrap:break-word;
}
/*其他css 使用备注
1. 针对所有ie的写法:
2. 自适应css写法:
@media screen and (min-width: 1201px) {
.abc {width: 1200px}
} /* css 注释说明:设置了浏览器宽度不小于1201px时 abc 显示1200px宽度 */
/*
@media screen and (max-width: 1200px) {
.abc {width: 900px}
} /* 设置了浏览器宽度不大于1200px时 abc 显示900px宽度 */
/*
@media screen and (max-width: 900px) {
.abc {width: 200px;}
} /* 设置了浏览器宽度不大于900px时 abc 显示200px宽度 */
/*
未完暂定
*/
/**基础样式开始:
=====================================================================================================
**/
/***常用基本样式==单独调用-***/
/*浮动样式*/
.bt-left {
float:left
}
.bt-right {
float:right
}
.bt-clear {
clear:both
}
.bt-none {
display:none
}
.bt-block {
display:block
}
.bt-hidden{ overflow:hidden}
/*边距样式*/
.bt-margin-left-10 {
margin-left:10px;
}
.bt-margin-left-15 {
margin-left:15px;
}
.bt-margin-left-20 {
margin-left:20px;
}
.bt-margin-left-25 {
margin-left:25px;
}
.bt-margin-left-30 {
margin-left:30px;
}
.bt-margin-top-10 {
margin-top:10px;
}
.bt-margin-top-15 {
margin-top:15px;
}
.bt-margin-top-20 {
margin-top:20px;
}
.bt-margin-top-25 {
margin-top:25px;
}
.bt-margin-top-30 {
margin-top:30px;
}
.bt-margin-right-10 {
margin-right:10px;
}
.bt-margin-right-15 {
margin-right:15px;
}
.bt-margin-right-20 {
margin-right:20px;
}
.bt-margin-right-25 {
margin-right:25px;
}
.bt-margin-right-30 {
margin-right:30px;
}
.bt-margin-bottom-10 {
margin-bottom:10px;
}
.bt-margin-bottom-15 {
margin-bottom:15px;
}
.bt-margin-bottom-20 {
margin-bottom:20px;
}
.bt-margin-bottom-25 {
margin-bottom:25px;
}
.bt-margin-bottom-30 {
margin-bottom:30px;
}
.bt-margin-10 {
margin:10px;
}
.bt-margin-15 {
margin:15px;
}
.bt-margin-20 {
margin:20px;
}
.bt-margin-25 {
margin:25px;
}
.bt-margin-30 {
margin:30px;
}
/*内边距设置*/
.bt-padding-left-10 {
padding-left:10px;
}
.bt-padding-left-15 {
padding-left:15px;
}
.bt-padding-left-20 {
padding-left:20px;
}
.bt-padding-left-25 {
padding-left:25px;
}
.bt-padding-left-30 {
padding-left:30px;
}
.bt-padding-top-10 {
padding-top:10px;
}
.bt-padding-top-15 {
padding-top:15px;
}
.bt-padding-top-20 {
padding-top:20px;
}
.bt-padding-top-25 {
padding-top:25px;
}
.bt-padding-top-30 {
padding-top:30px;
}
.bt-padding-right-10 {
padding-right:10px;
}
.bt-padding-right-15 {
padding-right:15px;
}
.bt-padding-right-20 {
padding-right:20px;
}
.bt-padding-right-25 {
padding-right:25px;
}
.bt-padding-right-30 {
padding-right:30px;
}
.bt-padding-bottom-10 {
padding-bottom:10px;
}
.bt-padding-bottom-15 {
padding-bottom:15px;
}
.bt-padding-bottom-20 {
padding-bottom:20px;
}
.bt-padding-bottom-25 {
padding-bottom:25px;
}
.bt-padding-bottom-30 {
padding-bottom:30px;
}
.bt-padding-10 {
padding:10px;
}
.bt-padding-15 {
padding:15px;
}
.bt-padding-20 {
padding:20px;
}
.bt-padding-25 {
padding:25px;
}
.bt-padding-30 {
padding:30px;
}
/*1.6 不同值*/
.padding10{ padding:10px 0px 10px 10px }
.padding15{ padding:15px 0px 15px 15px }
/*边框样式===实线=虚线**/
.bt-solid {
border:#ccc solid 1px;
}
.bt-solid-bottom {
border-bottom:#e5e5e5 solid 1px;
}
.bt-dashed,
.bt_unline
{
border:#CCC dashed 1px;
}
.bt-dashed-bottom {
border-bottom:#e5e5e5 dashed 1px;
}
/**常用字体样式
===行高样式**/
.bt-line-height-22,
.line-height22 {
line-height:22px;
}
.bt-line-height-24 {
line-height:24px;
}
.bt-line-height-26,
.line-height26 {
line-height:26px;
}
.bt-line-heiht-30 {
height:30px;
line-height:30px;
}
.bt-line-height-35 {
line-height:35px;
}
.bt-line-height-40 {
line-height:40px;
}
/*字体大小*/
.bt-size-12{
font-size:12px;
}
.bt-size-13{
font-size:13px;
}
.bt-size-14{
font-size:14px;
}
.bt-size-15{
font-size:15px;
}
.bt-size-16{
font-size:16px;
}
.bt-size-17{
font-size:17px;
}
/*字体颜色*/
.bt-color-white{ /*白色*/
color:#fff;
}
.bt-color-black{ /*黑色*/
color:#000;
}
/**颜色背景**/
.bt-bg-white{ /*白色*/
background:#fff;
}
.bt-bg-black{ /*黑色*/
background:#000;
}