/***常用基本样式==单独调用-***/

.bt-weight {
	font-weight: bold;
}


/*********通用==浮动、盒模型*********/

.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
}


/*********通用==高度*********/

.bt-height-30 {
	height: 30px;
}

.bt-height-35 {
	height: 35px;
}

.bt-height-36 {
	height: 36px;
}

.bt-height-40 {
	height: 40px;
}

.bt-height-45 {
	height: 45px;
}

.bt-height-50 {
	height: 50px;
}


/********通用==虚线 实线 外框*********/

.bt-solid {
	border: #ccc solid 1px;
}

.bt-solid-bottom {
	border-bottom: #e5e5e5 solid 1px;
}

.bt-dashed {
	border: #CCC dashed 1px;
}

.bt-dashed-bottom {
	border-bottom: #e5e5e5 dashed 1px;
}


/********通用==行高 *********/

.bt-line-height-22 {
	line-height: 22px;
}

.bt-line-height-24 {
	line-height: 24px;
}

.bt-line-height-26 {
	line-height: 26px;
}

.bt-line-height-28 {
	line-height: 28px;
}

.bt-line-height-30 {
	line-height: 30px;
}

.bt-line-height-35 {
	line-height: 35px;
}

.bt-line-height-40 {
	line-height: 40px;
}

.bt-line-height-45 {
	line-height: 45px;
}

.bt-line-height-50 {
	line-height: 50px;
}


/********通用==字号*********/

.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-size-25 {
	font-size: 25px;
}

.bt-size-29 {
	font-size: 29px;
}

.bt-font-y {
	font-family: "微软雅黑"
}

.bt-font-s {
	font-family: "宋体"
}

.bt-size-blod {
	font-weight: bold
}

.bt-size-normal {
	font-weight: 100
}


/*****中间===模块化标准尺寸*****/

.bt-box {
	width: 100%;
	height: auto;
}

.bt-box-1100 {
	width: 1100px;
	height: auto;
	margin: 0 auto;
}

.bt-box-1000 {
	width: 1000px;
	height: auto;
	margin: 0 auto;
}

.bt-box-980 {
	width: 980px;
	height: auto;
	margin: 0 auto;
}

.bt-box-970 {
	width: 970px;
	height: auto;
	margin: 0 auto;
}

.bt-box-960 {
	width: 960px;
	height: auto;
	margin: 0 auto;
}

.bt-box-50,
.bt-box-100,
.bt-box-150,
.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-745,
.bt-box-750 {
	/*通用属性*/
	background: #FFF;
}

.bt-box-50,
.bt-box-100,
.bt-box-150,
.bt-box-220 {
	width: 220px;
}

.bt-box-235 {
	width: 235px;
}

.bt-box-240 {
	width: 240px;
}

.bt-box-310 {
	width: 310px;
}

.bt-box-320 {
	width: 320px;
}

.bt-box-430 {
	width: 430px;
}

.bt-box-490 {
	width: 490px;
}

.bt-box-520 {
	width: 520px;
}

.bt-box-660 {
	width: 660px;
}

.bt-box-745 {
	width: 745px;
}

.bt-box-760 {
	width: 760px;
}


/***********************************************************************************************************************************************************
=====================================================附表 CSS3 或 CSS 特效 考虑到兼容性，不做推荐===========================================================
**********************************************************************************************************************************************************/


/*****CSS3==圆角显示*****/

.bt-radius {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}


/*****CSS3==阴影显示*****/

.bt-shadow {
	-webkit-box-shadow: 3px 3px 3px;
	-moz-box-shadow: 3px 3px 3px;
	box-shadow: 3px 3px 3px;
}


/*****CSS3==透明度显示*****/

.bt-alpha {
	filter: alpha(opacity=50);
	/*IE滤镜，透明度50%*/
	-moz-opacity: 0.5;
	/*Firefox私有，透明度50%*/
	-khtml-opacity: 0.5;
	opacity: 0.5;
	/*其他，透明度50%*/
}


/*****CSS3==IMG 划过放大*****/

.bt-hover-img:hover {
	transform: scale(1.1);
	/*放大原尺寸的1.1倍*/
	transition: all 0.5s;
}


/*****CSS==IMG 垂直水平居中*****/

.bt-box-img {
	/*容器一定要固定宽度和高度*/
	display: table-cell;
	vertical-align: middle;
}

.bt-box-img img {
	width: auto;
	height: 100%
}


/*****CSS==控制字数/加省略号*****/

.bt-nowrap {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


/*****CSS==强制换行*****/

.bt-wrap {
	word-wrap: break-word;
}


/************其他css 使用备注（有需要的请拷贝使用）

1. 针对所有ie的写法：
<!--[if IE]>
　　　　<link rel="stylesheet" type="text/css" href="ie-stylesheet.css" />
< ![endif]-->

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-note-10,
.bt-note-15,
.bt-note-20 {
	width: 100%;
	clear: both;
}

.bt-note-10 {
	height: 10px;
}

.bt-note-15 {
	height: 15px;
}

.bt-note-20 {
	height: 20px;
}


/******************标准模块宽度====传统+雅黑*******************/


/***页头+中间部分+页脚通用样式***/

.bt-head,
.bt-main,
.bt-footer {
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.bt-main {
	min-height: 400px;
}


/*************标准==顶部导航****************/


/*1100px*/

.bt-top-nav {
	height: 40px;
	width: 100%;
	margin: 0 auto;
}

.bt-top-nav-cen {
	height: 40px;
	line-height: 30px;
	width: 1100px;
	margin: 0 auto;
}


/*旧1000px*/

.od-bt-top-nav {
	height: 30px;
	width: 100%;
	margin: 0 auto;
}

.od-bt-top-nav-cen {
	height: 30px;
	line-height: 30px;
	width: 1000px;
	margin: 0 auto;
}


/***********head区域*****************/


/*1100px*/

.bt-head-cen {
	width: 1100px;
	height: 150px;
	margin: 0 auto;
}


/*旧1100*/

.od-bt-head-cen {
	width: 1000px;
	height: 150px;
	margin: 0 auto;
}

.bt-logo {
	float: left
}


/*页脚区域*/

.bt-footer {
	width: 100%
}

.bt-footer-nav {
	width: 100%;
	height: 30px;
}


/*1100*/

.bt-footer-nav-cen {
	width: 1100px;
	height: 30px;
	line-height: 30px;
	margin: 0 auto;
}

.bt-copyright {
	width: 1100px;
	min-height: 110px;
	margin: 0 auto;
	padding: 20px 0;
	*min-height: 90px;
	/*兼容IE7*/
	text-align: center;
}


/*旧1000*/

.od-bt-footer-nav-cen {
	width: 1000px;
	height: 30px;
	line-height: 30px;
	margin: 0 auto;
}

.od-bt-copyright {
	width: 1000px;
	min-height: 110px;
	margin: 0 auto;
	padding: 20px 0;
	*min-height: 90px;
	/*兼容IE7*/
	text-align: center;
}


/**导航通用**/

.bt-nav-y {
	width: 100%;
	height: 50px;
	line-height: 50px;
}

.bt-nav-s {
	width: 100%;
	height: 35px;
	line-height: 35px;
}


/********************************************************************************************************************************
   2017-04新增响应式模式下页面框架的通用样式，命名规则：bt + vary（变化）+ 位置
   响应式规则是页面在宽屏 笔记本 移动端 三种分辨率下 页面正常显示！
   宽屏：1400px；  笔记本：1000px；   移动端：750px（自适应）
**********************************************************************************************************************************/


/**三种分辨率情况下通用样式**/

.bt-vart-head,
.bt-vart-nav,
.bt-vart-main,
.bt-vart-footer {
	margin: 0 auto
}

@media only screen and (max-width:1920px) {
	/**屏幕最大分辨率尺寸==适用台式机**/
	/**head区域样式变换**/
	.bt-vart-head {
		width: 1400px;
		min-height: 150px;
	}
	.bt-vart-head .top-nav {
		height: 35px;
	}
	.bt-vart-head .head-banner {
		height: 115px;
	}
	/**主导航区域**/
	.bt-vart-nav {
		width: 1400px;
		height: 50px;
	}
	.bt-vart-main {
		width: 1400px;
		min-height: 100px;
		margin: 0 auto;
	}
	/**footer区域**/
	.bt-vart-footer {
		width: 1400px;
		min-height: 145px;
		margin: 0 auto;
	}
	.bt-vart-footer .bottom-nav {
		height: 35px;
	}
	.bt-vart-footer .copyright {
		height: 110px
	}
}

@media only screen and (max-width:1366px) {
	/**屏幕最大分辨率尺寸==适用笔记本**/
	/**head区域样式变换**/
	.bt-vart-head {
		width: 1000px;
		min-height: 150px;
	}
	.bt-vart-head .head-banner {
		height: 115px;
	}
	/**主导航区域**/
	.bt-vart-nav {
		width: 1000px;
		height: 50px;
	}
	/**主内容区域**/
	.bt-vart-main {
		width: 1000px;
		min-height: 100px;
		margin: 0 auto;
	}
	/**footer区域**/
	.bt-vart-footer {
		width: 1000px;
		min-height: 145px;
		margin: 0 auto;
	}
	.bt-vart-footer .bottom-nav {
		height: 35px;
	}
	.bt-vart-footer .copyright {
		height: 110px
	}
}

@media only screen and (max-width:768px) {
	/**屏幕最大分辨率尺寸==适用手机端**
/
/**head区域样式变换**/
	.bt-vart-head {
		width: 100%;
		min-height: 150px;
	}
	.bt-vart-head .head-banner {
		height: auto;
		overflow: hidden
	}
	/**主导航区域**/
	.bt-vart-nav {
		width: 50px;
		height: 50px;
		overflow: hidden;
		position: absolute;
		top: 10px;
		right: 20px;
	}
	/**主内容区域**/
	.bt-vart-main {
		width: 100%;
		min-height: 100px;
		margin: 0;
		padding: 0 30px
	}
	/**footer区域**/
	.bt-vart-footer {
		width: 100%;
		min-height: 145px;
		margin: 0 auto;
	}
	.bt-vart-footer .bottom-nav {
		height: 35px;
	}
	.bt-vart-footer .copyright {
		height: 110px
	}
}


/****************************************初始化样式-无需改动查看*****************************************/

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/* 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
   ========================================================================== */


/*  默认背景色透明*/

a {
	background-color: transparent;
}


/* 获取焦点字段，并设计其样式*/

a:focus {
	outline: thin dotted;
}


/* 当使用TAB键盘控制页面时，取消默认选中模块的虚线框 */

a:active,
a:hover {
	outline: 0;
}


/* Text-level semantics
     ========================================================================== */


/* 下划线 */

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;
	vertical-align: middle;
	border: 0;
}

a img {
	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 {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;
}

html,
body {
	min-height: 100%;
	padding: 0;
	margin: 0;
}

body {
	font-weight: normal;
	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 {
	text-decoration: none;
	transition: all 0.2s ease-out 0s;
}

a:hover,
a:focus {
	text-decoration: none;
	text-decoration: none;
	transition: all 0.2s ease-out 0s;
}

a:focus {
	outline: none;
	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; 2017年1-23*/
	margin: 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; 2017-01*/
	margin: 0;
	font-weight: 600;
	font-size: 100%;
}

h1 {
	font-size: 1.5em;
}

h2 {
	font-size: 1.25em;
}


/* List
   ========================================================================== */


/* Ordered and unordered lists */

ul,
ol,
li {
	padding: 0;
	list-style: none;
	text-decoration: none;
}


/* Reset margin for nested lists */

ul>li>ul,
ul>li>ol,
ol>li>ol,
ol>li>ul {
	margin: 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; 背景色透明有问题2017-01*/
	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);
}

.con_box {
	width: 1097px;
	margin: 0 auto;
	background: #FFFFFF;
	padding: 20px;
	box-sizing: border-box;
}


/*第一层*/

.con_one {
	width: 1060px;
	margin: 0 auto;
	min-height: 101px;
	position: relative;
	height: auto;
}

.one_tit {
	width: 912px;
	/*height: 94px;*/
	margin: 0 auto;
	text-align: center;
	margin-bottom: 20px;
}

.one_tit p a {
	color: #005293;
	font-size: 19px;
	line-height: 40px;
}

.one_tit div {
	text-align: left;
	text-indent: 2em;
	line-height: 25px;
	height: auto;
}

.one_tit div a {
	color: #c31f0b;
}

.rddd span a {
	color: #005393;
	margin-right: 50px;
}


/*第二层*/

.con_two {
	height: 323px;
	width: 1060px;
	margin: 0 auto;
}

.o-left {
	width: 520px;
	height: 323px;
	float: left;
}

.o-right {
	width: 540px;
	height: 323px;
	float: left;
	padding: 7px 20px;
	box-sizing: border-box;
}

.qh-titbox {
	width: 100%;
	height: 28px;
	border-bottom: 2px solid #e4e4e4;
}

.qh-titbox .qh-tit {
	margin-right: 40px;
	height: 28px;
	float: left;
	cursor: pointer;
}

.qh-titbox .qh-tit-on {
	margin-right: 40px;
	height: 28px;
	float: left;
	cursor: pointer;
	border-bottom: 2px solid #09458b;
	color: #005293;
}

.qh-titbox .qh-more a {
	font-size: 13px;
	color: #999;
}

.o-right ul {
	padding-top: 5px;
	/*width: 540px;*/
}

.o-right ul li {
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
	background: url(../img/bg2b.jpg) no-repeat 0px 20px;
	border-bottom: 1px #9f9f9f dashed;
}

.o-right ul li span {
	font-size: 14px;
	color: #888;
	float: right;
}

.o-right ul li a {
	color: #333333;
	width: 75%;
	display: inline-block;
	float: left;
}


/*王梓硕9.19政务服务*/

.con_3-title {
	width: 100%;
	height: 28px;
	border-bottom: 2px solid #e4e4e4;
	margin-bottom: 15px;
}

.con_3-title-a {
	height: 28px;
	border-bottom: 2px solid #09458b;
	float: left;
}

.con_3-title-a a {
	color: #005393;
	font-size: 15.62px;
	font-weight: bold;
}


/*第二层*/

.hrbszf_zwfw {}

.con_4-title {
	width: 100%;
	height: 28px;
	border-bottom: 2px solid #e4e4e4;
	margin-bottom: 10px;
}

.con_4-title-a {
	height: 28px;
	border-bottom: 2px solid #09458b;
	float: left;
}

.con_4-title-a a {
	color: #005293;
	font-weight: bold;
	font-size: 15.62px;
}

.con_4-con div {
	float: left;
	width: 170px;
	height: 130px;
	margin-right: 32px;
	padding-top: 5px;
}

.con_4-con {
	margin-left: 40px;
}

.con_4-con a {
	display: block;
	text-align: right;
	margin-right: 32px;
	line-height: 25px;
	font-size: 14px;
	color: #575757;
}

.con_4-1 {
	background: url(../img/hrbszf_bg_ban.png) no-repeat center center;
}

.con_4-2 {
	background: url(../img/hrbszf_bg_cha.png) no-repeat center center;
}

.con_4-3 {
	background: url(../img/hrbszf_bg_kan.png) no-repeat center center;
}

.con_4-4 {
	background: url(../img/hrbszf_bg_ping.png) no-repeat center center;
}

.con_4-5 {
	background: url(../img/hrbszf_bg_wen.png) no-repeat center center;
}


/*2018.1.2 贾淳麟 专题 css
.fl{ float: left;}
.fr{ float: right;}
.zt{ width: 100%; height: 95px; }
.zt_box{ width: 1100px; height: 95px; margin: 0 auto; overflow: hidden;}
.zt_center{ width: 20px; height: 95px;}*/


/*第三层*/

.con_3 {
	width: 1060px;
	height: 137px;
	position: relative;
}

.c3list {
	border: 1px solid #e4e4e4;
	width: 193px;
	height: 89px;
	position: relative;
	float: left;
	margin-right: 23px;
}

.c3list:last-child {
	margin-right: 0;
}

.c3list a {
	display: block;
	width: 100%;
	margin: 10px 0;
	padding: 0 10px;
	box-sizing: border-box;
	font-size: 15px;
	line-height: 24px;
}

.c3list div {
	width: 42px;
	height: 39px;
	position: absolute;
	top: -11px;
	right: 8px;
}

.c3listbox>div:nth-child(2n+2) {
	background: #b0e3fe;
}

.c3listbox>div:nth-child(2n+1) {
	background: #cef0fe;
}


/*第四层*/

.con_4 {
	width: 1060px;
	overflow: hidden;
	/*height: 190px;*/
}

.con_4 .n4_left {
	width: 510px;
}

.n4_left ul {
	padding-top: 10px;
}

.n4_left ul li {
	width: 100%;
	height: 35px;
	line-height: 35px;
	padding-left: 10px;
	background: url(../img/bg2b.jpg) no-repeat 0px 14px;
}

.n4_left ul li span {
	font-size: 14px;
	color: #888;
	float: right;
}

.n4_left ul li a {
	width: 80%;
	float: left;
}

.con_4 .n4_right {
	width: 519px;
	border: 0px solid red;
}

.n4_right ul {
	padding-top: 17px;
	overflow: hidden;
}

.n4r_l {
	width: 240px;
	height: 153px;
	position: relative;
}

.n4r_l p {
	position: absolute;
	left: 0;
	bottom: 0;
	line-height: 30px;
	background: rgba(0, 0, 0, 0.2);
	font-size: 14px;
	padding: 0 10px;
	color: #fff;
	width: 100%;
	line-height: 20px;
}

.n4r_l img {
	width: 240px;
	height: 153px;
}

.n4r_r {
	width: 268px;
	height: 153px;
	font-size: 15px;
	padding-left: 7px;
}

.n4r_r p {
	line-height: 22px;
	margin-bottom: 10px;
	text-indent: 1em;
}

.n4r_r p span {
	color: #005293;
}


/*导航新样式*/

.c_tit {
	float: left;
	width: 145px;
	height: 30px;
	position: relative;
	margin-left: 21px;
	font-size: 14px;
	color: #333333;
	line-height: 30px;
	cursor: pointer;
	background: url(../img/hrb_con06.png)no-repeat right center
}

.cli1 {
	color: #005293;
}

.fa7 {
	width: 1100px;
	margin: 0 auto;
	margin-top: -10px;
	height: auto;
}

.cont {
	display: none;
	width: 1100px;
	background: #fff;
	height: auto;
	padding-bottom: 10px;
}

.dhon {
	display: block;
}

.cont .ljlist {
	display: block;
	float: left;
	font-size: 14px;
	width: 170px;
	margin: 0 0 10px 50px;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	*zoom: 1;
}


/*哈尔滨志愿者层*/

.tswmdjzg {
	width: 100%;
	height: 135px;
	background: url(../img/zxdb-sy-ht-20181130.jpg) no-repeat center center;
}

.tswmdjzg a {
	display: block;
	height: 96px;
	float: left;
}

.tswmdjzg-1 {
	width: 250px;
}

.tswmdjzg-2 {
	width: 350px;
}

.tswmdjzg-3 {
	width: 450px;
}

.con_xxgkbox ul li {
	height: 65px;
	border: 1px #9eafca dashed;
	float: left;
}

.con_xxgkbox ul li a {
	display: block;
	height: 75px;
}

.con_xxgkbox ul li img {
	margin-top: 16px;
	margin-left: 12px;
	position: relative;
	top: 0px;
	transition: all 0.3s;
}

.con_xxgkbox ul li:hover img {
	top: -5px;
}

.con_xxgkbox ul li:hover p {
	top: 5px;
}

.con_xxgkbox ul li p {
	color: #336699;
	font-size: 15px;
	font-weight: bold;
	display: inline-block;
	margin-left: 8px;
	position: relative;
	top: 10px;
	transition: all 0.3s;
	margin-right: 15px;
}

.zwfw20210208 {
	width: 100%;
	min-height: 190px;
	/*border: 2px solid #def8ff;
	box-shadow: inset 0px 0px 5px 0px #def8ff;*/
	padding: 14px 0;
}

.zwfw20210208_con {
	width: 334px;
	float: left;
	min-height: 245px;
	/*border: 1px #ececec solid;*/
	margin-right: 20px;
	/*box-shadow:#ececec 0px 0px 2px 1px;*/
	box-shadow: #bdbdbd 1px 7px 13px -8px;
	margin-bottom: 27px;
	background: url(../img/zwf.jpg) top center no-repeat #fafafa;
}

.zwfw20210208_con:nth-child(3) {
	margin-right: 0px;
}

.zwfw20210208_con:nth-child(6) {
	margin-right: 0px;
}

.zwfw20210208_con:nth-child(4) {
	margin-bottom: 0px;
}

.zwfw20210208_con:nth-child(5) {
	margin-bottom: 0px;
}

.zwfw20210208_con:nth-child(6) {
	margin-bottom: 0px;
}

.zwfw20210208_con:nth-child(6) span {
	color: #9c9c9c;
	display: block;
	text-align: center;
	margin-top: 22px;
}

.zwfw20210208_con:nth-child(6) h4 {
	font-size: 21px;
	color: #292929;
	text-align: center;
	display: block;
	line-height: 40px;
	margin-top: 20px;
	font-weight: unset;
	height: 106px;
	background: url(../img/20210208zwfwrk_bg.png)no-repeat center 59px;
}

.zwfw20210208_con h3 {
	width: 100%;
	margin: 0 auto;
	font-size: 20px;
	color: #2e76bd;
	text-align: center;
	line-height: 40px;
	font-weight: bold;
	margin-top: 18px;
}

.zwfw20210208_con h3 p {
	font-size: 16px;
	display: inline;
	color: #5E5E5E;
}

.zwfw20210208_con ul {
	width: 90%;
	margin: 0 auto;
	box-sizing: border-box;
	margin-top: 12px;
}

.zwfw20210208_con ul li {
	float: left;
	width: 100%;
	line-height: 36px;
}

.zwfw20210208_con ul li a {
	color: #696969;
	font-size: 16px;
}

.zwfw20210208_con ul li a:hover {
	color: #005293;
}


/*页面跳转后开始css*/

.zwfw20210208_con:nth-child(5) ul li:nth-child(5) {
	width: 100%;
}

.zwfw20210208_con:nth-child(1) ul li:nth-child(7) {
	width: 100%;
}

.zwfw20210208_con:nth-child(2) ul li:nth-child(7) {
	width: 100%;
}


/*页面跳转后结束css*/

.nav_bigbox {
	margin: auto;
	width: 1100px;
}

.nav_bigbox a {
	text-decoration: none;
	color: #FFFFFF;
}

.nav_bigbox .fl {
	float: left;
}

.nav_bigbox .fr {
	float: right;
}

.nav_bigbox .w1 {
	width: 1px;
	height: 85px;
	background: #747474;
	margin-top: 15px;
}

.nav_bigbox .w2 {
	width: 1px;
	height: 65px;
	background: #747474;
	margin-top: 27px;
}

.nav_bigbox .w3 {
	width: 1px;
	height: 65px;
	background: #747474;
	margin-top: 20px;
	margin-left: 15px;
}

.nav_bigbox .w4 {
	width: 1px;
	height: 100px;
	background: #747474;
	margin-top: 15px;
}

.nav_bigbox ul {
	position: relative;
}

.nav_bigbox li {
	font-size: 16px;
	float: left;
	border-right: 1px solid #55a4e8;
	height: 49px;
	list-style: none;
	text-align: center;
	background: #005293;
	line-height: 49px;
	box-sizing: border-box;
}

.nav_bigbox li a {
	display: inline-block;
	padding: 0 18px;
	color: #fff;
}

.nav_bigbox li:last-child {
	border-right: none;
}

.nav_bigbox li:hover a {
	background: #2081cd;
	color: #fff;
}

.nav_bigbox li:hover .nav_box {
	display: block;
}

.nav_bigbox {
	position: relative;
	z-index: 999;
	background: #005293;
}

.nav_bigbox .nav_box {
	display: none;
	width: 1096px;
	height: 115px;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	position: absolute;
	left: 0px;
	background: #FFFFFF;
	text-align: left;
}

.nav_bigbox .nav_box span {
	display: inline-block;
	width: 102px;
	text-align: center;
	line-height: 50px;
}

.nav_bigbox .nav_box span a {
	color: #000000;
	font-size: 17px;
}

.nav_bigbox .nav_box1 {
	width: 460px;
	margin-left: 15px;
	margin-top: 10px;
}

.nav_bigbox .nav_box2 {
	margin-left: 20px;
}

.sqglbt {
	font-size: 17px;
	color: #000000;
	line-height: 34px;
}

.sqglnr {
	text-indent: 28px;
	font-size: 14px;
	width: 565px;
	line-height: 30px;
}

.sqglnr a {
	color: #005293;
}

.nav_bigbox .nav_box3 span {
	display: inline-block;
	line-height: 31px;
	font-weight: bold;
	margin-left: 15px;
	margin-top: 40px;
	width: 52px;
	height: 30px;
	color: #000000;
	font-size: 17px;
}

.nav_bigbox .nav_box3 a {
	font-size: 16px;
	color: #000000;
	margin-left: 5px;
}

.nav_bigbox .nav_box3 a:hover {
	color: #005293;
}

.nav_bigbox .nav_box4 {
	width: 354px;
	height: 70px;
	margin-left: 10px;
}

.nav_bigbox .nav_box4 span {
	display: inline-block;
	line-height: 35px;
	font-weight: bold;
	margin-left: 15px;
	margin-top: 38px;
	width: 60px;
	height: 60px;
	color: #000000;
	font-size: 17px;
}

.nav_bigbox .nav_box4 a {
	display: inline-block;
	font-size: 16px;
	color: #000000;
	margin-left: 15px;
	margin-top: 15px;
}

.nav_bigbox .nav_box4 a:hover {
	color: #005293;
}

.nav_bigbox .nav_box5 {
	width: 570px;
	margin-left: 50px;
	line-height: 30px;
	margin-top: 5px;
}

.nav_bigbox .nav_box5 a {
	display: inline-block;
	width: 90px;
	text-align: center;
	font-size: 15px;
	color: #000000;
	margin-top: 5px;
}

.nav_bigbox .nav_box5 a:hover {
	color: #005293;
}

.nav_bigbox .nav_box6 {
	width: 542px;
	margin-left: 40px;
	line-height: 113px
}

.nav_bigbox .nav_box6 a {
	margin-left: 20px;
	display: inline-block;
	width: 65px;
	text-align: center;
	color: #000000;
	font-weight: bold;
}

.nav_bigbox .nav_box6 a:hover {
	color: #005293;
}

.nav_bigbox .nav_box7 {
	margin-top: 15px;
}

.zdbsfw_bt {
	width: 70px;
	height: 30px;
	color: #000000;
	font-size: 17px;
	font-weight: bold;
}

.nav_bigbox .nav_box8 {
	margin-left: 20px;
	width: 390px;
}

.nav_bigbox .nav_box8 a {
	display: inline-block;
	width: 90px;
	line-height: 32px;
	text-align: center;
	color: #000000;
	margin-top: 10px;
}

.nav_bigbox .nav_box8 a:hover {
	color: #005293;
}

.nav_bigbox .nav_box9 {
	margin-left: 20px;
}

.sqglbt {
	font-size: 17px;
	color: #000000;
	line-height: 34px;
	font-weight: bold;
}

.sqglnr {
	text-indent: 28px;
	font-size: 14px;
	width: 565px;
	line-height: 30px;
}

.sqglnr a {
	color: #005293;
}

.nav_bigbox .nav_box10 {
	width: 490px;
	line-height: 113px;
}

.nav_bigbox .nav_box10 span {
	width: 130px;
}

.nav_bigbox .nav_box11 {
	width: 460px;
	height: 135px;
}

.nav_bigbox .nav_box12 {
	width: 615px;
	margin-top: 15px;
}

.nav_bigbox .nav_box12 a {
	color: #000000;
	font-size: 17px;
	margin-left: 15px;
}

.cont2 {
	height: 100px;
	margin: 0 auto;
	width: 1100px;
	padding-top: 30px;
}

.logo {
	float: left;
	width: 190px;
	height: 42px;
}

.logo img {
	width: 100%;
	height: 100%;
}

.search {
	float: right;
	width: 432px;
	/*height: 80px;*/
}

.hd_img {
	overflow: hidden;
	padding-right: 4px;
	margin-bottom: 10px;
}

.hd_img img {
	float: right;
}

.search form {
	float: right;
	width: 432px;
	height: 42px;
	line-height: 42px;
	padding-left: 16px;
	background: url(../img/sear.png) no-repeat left center;
}

.search input {
	height: 42px;
	line-height: 42px;
	border: 0;
	background: none;
}

.txt1 {
	width: 320px;
	font-size: 14px;
	color: #000;
}

.sousuo {
	width: 89px;
	height: 42px;
	color: #FFFFFF;
	font-size: 18px;
	float: right;
	padding-left: 20px;
}

.con_three {
	display: none;
	height: 30px;
	width: 100%;
	margin: 14px auto 0;
}

.con_three_tlt {
	height: 30px;
	line-height: 30px;
	color: #005293;
	font-size: 16px;
	font-weight: bold;
	float: left;
}

.s_select {
	float: left;
	width: 136px;
	height: 30px;
	position: relative;
	z-index: 10;
	margin-left: 30px;
	font-size: 14px;
	color: #333333;
	line-height: 30px;
}

.s_selected {
	background: url(/picture/1/1710121105319956636.png) no-repeat right center;
	width: 150px;
	height: 30px;
	padding-left: 10px;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 30px;
	cursor: default;
	color: #333;
}

.s_select_main {
	border: 1px solid #d4d4f5;
	background: #FFFFFF;
	width: 136px;
	height: 120px;
	overflow-y: scroll !important;
	display: none;
	position: absolute;
	top: 35px;
}

.s_select_main a {
	color: #333;
}

.s_option {
	width: 136px;
	height: 30px;
	display: block;
	padding-left: 10px;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 30px;
	cursor: pointer;
	color: #000;
}

.ys {
	color: #005293 !important;
	background: #57a3e1;
}

.foot_wrap {
	height: 156px;
	background: #2081cd;
	width: 100%;
}

.foot {
	width: 1100px;
	height: 156px;
	margin: 0 auto;
	font-size: 14px;
	color: #FFFFFF;
	padding: 25px 20px 0;
}

.foot .foot_left {
	width: 873px;
	float: left;
}

.foot_left ul {
	overflow: hidden;
}

.foot_left ul li {
	float: left;
	height: 30px;
	padding-right: 12px;
}

.foot_left ul li a {
	color: #FFFFFF;
}

.foot_left p {
	line-height: 28px;
}

.foot_right .dzjg,
.foot_right .jiucuo {
	float: left;
}

.foot_right img {
	float: left;
}

.jiucuo {
	margin-left: 21px;
	margin-top: 6px;
}

#zh_click_s,
#zh_click_t {
	font-weight: 100 ! important;
	color: #fff ! important;
}


/*commom style*/

*,
*:before,
*:after {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	font-family: '微软雅黑';
}

input {
	margin: 0;
	padding: 0;
	outline: none;
}

li {
	list-style: none;
}

a,
ins {
	text-decoration: none;
}

*:focus {
	outline: none;
}

a {
	color: #333333;
	transition: all 0.2s ease-out 0s
}

a:focus {
	outline: none;
}

a:hover {
	color: #005293;
	transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
}

body {
	font-family: '微软雅黑';
	min-width: 1100px;
	background: url(../../img/bg.jpg) no-repeat top center #f6f6f8;
	background-size: 100%;
}

@media screen and (min-width: 320px)and (max-width: 750px) {
	body {
		background-size: 130%;
	}
}

.header {
	height: 235px;
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
}

.timer {
	height: 34px;
	width: 680px;
	background: url(/picture/1/1710121104132807205.png) no-repeat;
	background-size: cover;
	margin: 0 auto;
	margin-top: 15px;
	font-size: 12px;
	color: #FFFFFF;
}

.timer ul {
	width: 590px;
	overflow: hidden;
	float: left;
}

.timer ul li {
	height: 34px;
	line-height: 34px;
	float: left;
	padding: 0 4px;
}

.timer ul li a {
	color: #FFFFFF;
}

.timer .list1 {
	background: url(/picture/1/1710121102490053656.png) no-repeat 20px center;
	padding-left: 46px;
}

#colock {
	height: 34px;
	line-height: 34px;
	float: right;
	overflow: hidden;
	margin-right: 20px;
}


/* qqshop focus */

* {
	padding: 0;
	list-style: none;
	border: none;
}

#focus {
	width: 520px;
	height: 323px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}

#focus ul {
	height: 520px;
	position: absolute;
	margin: 0;
	padding: 0;
}

#focus ul li {
	float: left;
	width: 520px;
	height: 323px;
	overflow: hidden;
	position: relative;
	background: #000;
}

#focus ul li img {
	width: 100%;
	height: 100%;
}

#focus ul li div.photo_bt {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 15px;
	z-index: 1;
	line-height: 40px;
	background: rgb(0, 0, 0, 0.6);
	width: 100%;
	padding: 0 150px 0 10px;
	box-sizing: border-box;
}

#focus ul li div.photo_bt a {
	color: #fff;
	width: 100%;
}

#focus .btnBg {
	position: absolute;
	width: 520px;
	height: 40px;
	left: 1px;
	bottom: 0;
	background: #000;
	display: none;
}

#focus .btn {
	position: absolute;
	width: 520px;
	height: 17px;
	padding: 14px 10px;
	right: 15px;
	bottom: 10px;
	text-align: right;
	z-index: 999;
}

#focus .btn span {
	display: inline-block;
	_display: inline;
	_zoom: 1;
	width: 10px;
	height: 10px;
	_font-size: 0;
	margin-left: 5px;
	cursor: pointer;
	background: #c9c9c9;
	border-radius: 0px;
}

#focus .btn span.on {
	background: #ffc600;
}

#focus .preNext {
	width: 45px;
	height: 100px;
	position: absolute;
	top: 125px;
	cursor: pointer;
}

#focus .pre {
	left: 0;
}

#focus .next {
	right: 0;
	background-position: right top;
}

.swiper-container {
	width: 100%;
}

.swiper-container img {
	width: 100%;
	height: 325px;
}

.pagination1 .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #fff;
	border-radius: 50%;
	opacity: 1;
	border-radius: 0;
}

.pagination1 .swiper-pagination-bullet-active {
	background: #2e76bd;
	/*opacity: 1;
	width: 15px;
	border-radius: 10px;*/
}

.swiper-button-prev {
	background: url(../img/l.png) no-repeat;
	left: 0;
}

.swiper-button-next {
	background: url(../img/r.png) no-repeat;
	right: 0;
}

.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 24px;
	height: 50px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	background-size: 100%;
}

.swiper-pagination {
	bottom: 16px !important;
	width: 150px !important;
	left: 370px !important;
}

.posi_p p {
	position: absolute;
	left: 0;
	bottom: 0;
	line-height: 30px;
	background: rgba(0, 0, 0, 0.2);
	font-size: 16px;
	padding: 10px;
	color: #fff;
	width: 100%;
	padding-right: 150px;
}

.con_4_middle .n4_right {
	float: left;
}

.con_4_middle .n4_left {
	float: right;
}

.con_4_top .n4r_l img,
.con_4_top .n4r_l {
	width: 250px;
}

.cont_list {
	width: 1100px;
	margin: auto;
	padding: 0 20px 20px 20px;
}

.n4_left ul li:nth-child(5n) {
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
	margin-bottom: 10px;
	height: 45px;
}

.cont_left {
	width: 730px;
}

.cont_right {
	width: 300px;
}

.cont_list {
	padding-top: 10px;
}

.loaction {
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.loaction img {
	vertical-align: middle;
	padding-right: 10px;
}

.loaction a {
	font-size: 14px;
	color: #333;
	vertical-align: middle;
}

.cont_right .zwfw20210208_con {
	width: 100%;
	margin: 0;
	margin-top: 15px;
}

.cont_right .zwfw20210208_con h3 {
	font-size: 18px;
	margin: 0;
	line-height: 80px;
}

.cont_right .zwfw20210208_con ul {
	margin-top: 0;
}

.ul_img ul li {
	width: 100%;
	position: relative;
	margin-top: 15px;
}

.ul_img ul li img {
	width: 100%;
	height: 180px;
}

.ul_img ul li p {
	position: absolute;
	left: 0;
	bottom: 0;
	line-height: 30px;
	background: rgba(0, 0, 0, 0.5);
	font-size: 14px;
	padding: 0 10px;
	color: #fff;
	width: 100%;
	box-sizing: border-box;
	line-height: 30px;
}

.tuijian .con_3 {
	width: 100%;
	height: auto;
}

.tuijian .c3list {
	margin-bottom: 15px;
	width: 228px;
}

.tuijian .c3list:nth-child(3n) {
	margin-right: 0;
}

.tuijian .qh-titbox .qh-tit-on {
	/*float: none;*/
}

.tuijian .c3listbox {
	overflow: hidden;
}

.label {
	margin: 15px 0;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
}

.label a {
	font-size: 14px;
	color: #fff;
	margin: 0 5px;
}