/*reset*/

body, div, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, table, th, td, img, select, input, textarea {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.w {
	width: 1200px;
	margin: 0 auto;
}

.uppercase {
	text-transform: uppercase;
}


ol, ul, li {
	list-style: none;
}

fieldset, img {
	border: 0;
}

li:hover, a:hover {
	text-decoration: none;

}
/* img{
    display: block;
} */
label, button {
	cursor: pointer;
}

select, input, textarea, button {
	outline: none;
	resize: none;
	overflow: hidden;
	display: block;
	width: 100%;
	font-family: 'Conv_Graphik-Regular';
	font-size: 16px;
}

/* h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 12px;
	
} */

/* 底边框颜色 */

.bottom_line_one {
	border-bottom: 2px solid #4ab4ad;
}

.bottom_line_two {
	border-bottom: 2px solid #a8d042;
}

.bottom_line_three {
	border-bottom: 2px solid #0c96da;
}

.bottom_line_four {
	border-bottom: 2px solid #f36635;
}

.borderColor_one {
	border: 4px solid #4ab4ad;
}

.borderColor_two {
	border: 4px solid #a8d042;
}

.borderColor_three {
	border: 4px solid #0c96da;
}

.borderColor_four {
	border: 4px solid #f36635;
}

/*文字颜色  */

.one {
	color: #4ab4ad;
}

.two {
	color: #a8d042;
}

.three {
	color: #0c96da;
}

.four {
	color: #f36635;
}

body {
	font-family: 'Conv_Graphik-Regular';
	color: #333;
	overflow-x: hidden;
	background: fff;
}

a {
	text-decoration: none;
	color: #3a3a3a;
}

em, i {
	font-style: normal;
}

button {
	border: none;
}

/*common*/

.clearfix:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both;
}

.clearfix {
	*zoom: 1;
}

/*IE7/6*/

/* .overflow {
	overflow: hidden;
} */

.fl {
	float: left;
}

.fr {
	float: right;
}

/* .uppercase {
	text-transform: uppercase;
}

.capitalize {
	text-transform: capitalize;
}

.text-left {
	text-align: left;
}


.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.block {
	display: block;
}

.inline-block {
	display: inline-block;
}

.bgfff {
	background: #fff;
}

.bgred {
	background: #bb2723;
}

.bgdark {
	background: #313437;
}

.colored,.required{
	color: #ff1800;
}

.colorfff {
	color: #fff;
}

.color000 {
	color: #000;
}

.color555 {
	color: #555;
}

.color666 {
	color: #666;
}

.color777 {
	color: #777;
}

.color888 {
	color: #888;
}

.color999 {
	color: #999;
} */

.fs12 {
	font-size: 12px;
}

.fs14 {
	font-size: 14px;
}

.fs16 {
	font-size: 16px;
}

.fs18 {
	font-size: 18px;
}

.fs20 {
	font-size: 20px;
}

.fs22 {
	font-size: 22px;
}

.fs24 {
	font-size: 24px;
}

.fs28 {
	font-size: 28px;
}

.fs40 {
	font-size: 40px;
}

.line-two {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.line-three {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.cursor {
	cursor: pointer;
}

.table-responsive {
	width: 100%;
	overflow-x: auto;
}

.table, .table td {
	border: solid 1px #bbb;
}

.table {
	width: 100%;
}

.table td {
	padding: 3px 5px;
	height: 30px;
	line-height: 24px;
	color: #555;
}

@media (max-width:1219px) {
	.fs16 {
		font-size: 14px;
	}
	.fs18 {
		font-size: 16px;
	}
	.fs20 {
		font-size: 18px;
	}
	.fs22 {
		font-size: 20px;
	}
	.fs24 {
		font-size: 22px;
	}
	.fs28 {
		font-size: 26px;
	}
}

/* 设置不同响应式的情况下字体的变化 */

/*实现鼠标经过图片的缩放 */

/* 实现旋转效果 */

/* 实现 */