/* 织梦帮（dedesos.com）做最好的织梦整站模板下载网站 */

html, body {
	height: 100%;
	position: relative
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: middle
}
body {
	font-family: Microsoft YaHei;
	font-size: 13px;
	line-height: 22px;
	color: #444;
	min-width: 320px;
	-webkit-text-size-adjust: none;
}
/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
/*Imeges*/

img {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	height: auto;
	max-width: 100%;
	width: auto\9;
}
ol, ul {
	list-style: none
}
q {
	quotes: none
}
q:before, q:after {
	content: '';
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
/*Links*/

a {
	color: #333;
	text-decoration: none
}
a:hover {
	color: #ff0000
}
a[href^="tel:"] {
	color: inherit;
	text-decoration: none
}
/*Titles*/

h1 {
	font-size: 32px
}
h2 {
	font-size: 26px;
	line-height: 26px
}
h3 {
	font-size: 18px
}
h4 {
	font-size: 16px
}
h5 {
	font-size: 14px
}
h6 {
	font-size: 13px
}
/*Font size*/

.f12 {
	font-size: 12px
}
.f13 {
	font-size: 13px
}
.f14 {
	font-size: 14px
}
.f15 {
	font-size: 15px
}
.f16 {
	font-size: 15px
}
.f18 {
	font-size: 18px
}
.f20 {
	font-size: 20px
}
.f22 {
	font-size: 22px
}
.f24 {
	font-size: 24px
}
.f26 {
	font-size: 26px
}
.f28 {
	font-size: 28px
}
.f30 {
	font-size: 30px
}
.f32 {
	font-size: 220%
}
.f36 {
	font-size: 36px
}
.f48 {
	font-size: 48px
}
.f72 {
	font-size: 72px
}
.fw6 {
	font-weight: 600
}
.fw7 {
	font-weight: 700
}
.fw8 {
	font-weight: 800
}
/*Line height*/

.lh_16 {
	line-height: 16px
}
.lh_18 {
	line-height: 18px
}
.lh_22 {
	line-height: 22px
}
.lh_26 {
	line-height: 26px
}
.lh_28 {
	line-height: 28px
}
.lh_32 {
	line-height: 32px
}
.lh_36 {
	line-height: 27px
}
.lh_48 {
	line-height: 48px
}
/*text-indent*/

.t_in {
	text-indent: 2em
}
/* Indents */

.l {
	float: left
}
.r {
	float: right
}
.l_0 {
	left: 0
}
.r_0 {
	right: 0
}
.text_l {
	text-align: left
}
.text_c {
	text-align: center
}
.text_r {
	text-align: right
}
.italic {
	font-style: italic
}
/*top*/

.m_t0 {
	margin-top: 0px
}
.m_t5 {
	margin-top: 5px
}
.m_t8 {
	margin-top: 8px
}
.m_t10 {
	margin-top: 10px
}
.m_t15 {
	margin-top: 15px
}
.m_t18 {
	margin-top: 18px
}
.m_t20 {
	margin-top: 20px
}
.m_t25 {
	margin-top: 25px
}
.m_t30 {
	margin-top: 30px
}
.m_t40 {
	margin-top: 40px
}
.m_t50 {
	margin-top: 10px
}
.m_t80 {
	margin-top: 20px
}
.m_t100 {
	margin-top: 100px
}
.m_t140 {
	margin-top: 140px
}
.main p {
	display: block;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	line-height: 22px
}
/*bottom*/

.m_b0 {
	margin-bottom: 0px
}
.m_b5 {
	margin-bottom: 5px
}
.m_b8 {
	margin-bottom: 8px
}
.m_b10 {
	margin-bottom: 10px
}
.m_b15 {
	margin-bottom: 15px
}
.m_b20 {
	margin-bottom: 10px
}
.m_b25 {
	margin-bottom: 25px
}
.m_b30 {
	margin-bottom: 30px
}
.m_b40 {
	margin-bottom: 40px
}
.m_b50 {
	margin-bottom: 20px
}
.m_b60 {
	margin-bottom: 60px
}
.m_b70 {
	margin-bottom: 70px
}
.m_b80 {
	margin-bottom: 80px
}
.p_b5 {
	padding-bottom: 5px
}
.p_b10 {
	padding-bottom: 10px
}
.p_b15 {
	padding-bottom: 15px
}
.p_b20 {
	padding-bottom: 20px
}
.p_b30 {
	padding-bottom: 30px
}
.p_b40 {
	padding-bottom: 40px
}
.p_b50 {
	padding-bottom: 20px
}
.p_b230 {
	padding-bottom: 230px
}
.p_t5 {
	padding-top: 5px
}
.p_t10 {
	padding-top: 10px
}
.p_t20 {
	padding-top: 20px
}
.p_t30 {
	padding-top: 30px
}
.p_t40 {
	padding-top: 40px
}
.p_t50 {
	padding-top: 50px
}
.p_t80 {
	padding-top: 80px
}
.p_t140 {
	padding-top: 140px
}
.p_lr10 {
	padding: 0 10px
}
.p_lr20 {
	padding: 0 20px
}
.p_lrb10 {
	padding: 0 10px 10px
}
/*left*/

.m_l10 {
	margin-left: 10px
}
.m_l20 {
	margin-left: 20px
}
.m_l30 {
	margin-left: 30px
}
.m_l40 {
	margin-left: 40px
}
.m_l60 {
	margin-left: 60px
}
/*right*/

.m_r5 {
	margin-right: 5px
}
.m_r10 {
	margin-right: 10px
}
.m_r14 {
	margin-right: 14px
}
.m_r15 {
	margin-right: 15px
}
.m_r20 {
	margin-right: 20px
}
.m_r30 {
	margin-right: 20px
}
.p_r30 {
	padding-right: 20px
}
/*color*/

.red {
	color: #c70c1f
}
.white {
	color: #fff
}
.black {
	color: #000
}
.c_c9 {
	color: #c9c9c9
}
.c_bebebe {
	color: #bebebe
}
.c_83 {
	color: #838383
}
.c_666 {
	color: #666
}
.c_444 {
	color: #444
}
.c_333 {
	color: #333
}
/*background color*/

.gray {
	background: #e7e7e7
}
.bc_4c4c4c {
	background: #4c4c4c
}
.bc_fff {
	background: #fff
}
.bc_9e {
	background: #9e0000
}
.bc_d0 {
	background: #d0d0d0
}
.bc_00 {
	background: #000
}
/*b_m_line*/

.b_m_line {
	border-bottom: 1px solid #4d4d4d
}
.b_m_line_ddd {
	border-bottom: 1px solid #ddd
}
.b_r_line {
	border-right: 1px solid #ddd
}
.b_l_line {
	border-left: 1px solid #ddd
}
.b_line {
	border: 1px solid #ddd
}
/*radius*/

.radius10 {
	border-radius: 10px
}
.radius15 {
	border-radius: 15px
}
/*clearfix*/

.clear {
	clear: both
}
.clearfix {
*zoom: 1
}
.clearfix:before,  .clearfix:after {
	display: table;
	content: "";
	line-height: 0
}
.clearfix:after {
	clear: both
}
.clear {
	clear: both
}
.container .alpha {
	margin-left: 0px
}
.container .omega {
	margin-right: 0px
}
.row {
*zoom: 1;
	margin-left: -30px
}
.row:before, .row:after {
	display: table;
	content: "";
	line-height: 0
}
.row:after {
	clear: both
}
 [class*="grid_"] {
float: left;
min-height: 1px;
margin-left:30px
}
/*PC width*/

.container {
	margin: 0 auto;
	width: 1170px
}
.grid_12 {
	width: 1170px
}
.grid_11 {
	width: 1070px
}
.grid_10 {
	width: 970px
}
.grid_9 {
	width: 870px
}
.grid_8 {
	width: 770px
}
.grid_7 {
	width: 670px
}
.grid_6 {
	width: 570px
}
.grid_5 {
	width: 470px
}
.grid_4 {
	width: 100%
}
.grid_11 {
	width: 760px
}
.grid_3 {
	width: 270px
}
.grid_2 {
	width: 170px
}
.grid_1 {
	width: 70px
}
 @media (min-width: 980px) and (max-width: 1199px) {
.row {
	margin-left: -20px;
*zoom: 1
}
.row:before,  .row:after {
	display: table;
	content: "";
	line-height: 0
}
.row:after {
	clear: both
}
 [class*="grid_"] {
float: left;
min-height: 1px;
margin-left: 20px;
}
.container {
	width: 940px
}
.grid_12 {
	width: 940px
}
.grid_11 {
	width: 860px
}
.grid_10 {
	width: 780px
}
.grid_9 {
	width: 700px
}
.grid_8 {
	width: 620px
}
.grid_7 {
	width: 540px
}
.grid_6 {
	width: 460px
}
.grid_5 {
	width: 380px
}
.grid_4 {
	width: 300px
}
.grid_3 {
	width: 220px
}
.grid_2 {
	width: 140px
}
.grid_1 {
	width: 60px
}
}
 @media (min-width: 768px) and (max-width: 979px) {
.row {
	margin-left: -20px;
*zoom: 1
}
.row:before, .row:after {
	display: table;
	content: "";
	line-height: 0
}
.row:after {
	clear: both
}
 [class*="grid_"] {
float: left;
min-height: 1px;
margin-left: 20px
}
.container {
	width: 748px
}
.grid_12 {
	width: 748px
}
.grid_11 {
	width: 684px
}
.grid_10 {
	width: 620px
}
.grid_9 {
	width: 556px
}
.grid_8 {
	width: 492px
}
.grid_7 {
	width: 428px
}
.grid_6 {
	width: 364px
}
.grid_5 {
	width: 300px
}
.grid_4 {
	width: 236px
}
.grid_3 {
	width: 172px
}
.grid_2 {
	width: 108px
}
.grid_1 {
	width: 44px
}
}
 @media (max-width: 767px) {
.container {
	width: 460px
}
.row {
	margin-left: 0
}
 [class*="grid_"] {
float: none;
display: block;
width: 100%;
margin-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.grid_3 {
	float: left;
	width: 200px;
	margin-left: 20px
}
.f32 {
	font-size: 22px
}
}
 @media (max-width: 479px) {
.container {
	width: 320px
}
.row {
	margin-left: 0
}
.first .row, .page_4 .row, .w_third .row {
	margin-left: 0px
}
.grid_3 {
	float: none;
	width: 320px;
	margin-left: 0
}
.p_20 {
	padding: 10px
}
.f14 {
	font-size: 13px
}
.f16 {
	font-size: 14px
}
.f18 {
	font-size: 16px
}
}
