@charset "UTF-8";
/*
 *通用样式 
 */
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-style: normal;
}
html,body{
	height: 100%;
}
body{
	font-family: "微软雅黑";
	font-size: 14px;
	background: #fff;
}
a,a:hover{
	text-decoration: none;
	color: inherit;
}
ul,ol,li{
	list-style: none;
}
img{
	border: 0;
}
/* 字体大小 */
.f12 {font-size:12px;line-height: 10px;}
.f13 {font-size:13px;line-height: 12px;}
.f14 {font-size:14px;line-height: 15px;}
.f16 {font-size:16px;line-height: 14px;}
.f18 {font-size:18px;line-height: 16px;}
.f20 {font-size:20px;line-height: 16px;}
.f22 {font-size:22px;line-height: 21px;}
.f24 {font-size:24px;line-height: 22px;}
.f26 {font-size:26px;line-height: 22px;}
.f28 {font-size:28px;line-height: 24px;}
.f30 {font-size:30px;line-height: 26px;}
.f36 {font-size:36px;}
.f48 {font-size:48px;}
h1,h2,h3,h4,h5,h6{
	margin: 10px 0;
}
h1,h2,h3,h4{
	font-weight: bold;
}
h1{
	font-size: 32px;
    line-height: 31px;
}
h2{
	font-size: 30px;
}
h3{
	font-size: 28px;
}
h4{
	font-size: 24px;
	font-weight: normal;
}
h5{
	font-size: 20px;
}
h6{
	font-size: 16px;
}
/*p{
	line-height: 22px;
}*/
/*
 * 字体颜色
 */
.text-fff{
	color: #fff;
}
.text-red{
	color: red;
}
.text-c333{
	color: #333;
}
.text-323232{
	color: #323232;
}
.text-909090{
	color: #909090;
}
.text-187db1{
	color: #187db1;
}
.text_white{
	color: white;
}
.text_06{
	color: #06ae3c;
}
/*图片*/
.img-responsive{
	width: 100%;
	max-width: 100%;
	height: auto;
	display: block;
}
.img-responsive-h{
	width: auto;
	height: 100%;
	max-height: 100%;
	display: block;
}
.img-size{
	width: 100%;
	height: 100%;
}
/*背景颜色*/
.bg-187db1{
	background-color:#187db1;
}
.bg-wihte{
	background-color:#fff;
}
.bg-f0f0f0{
	background-color:#f0f0f0 ;
}
/*浮动*/
.pull-left{
	float: left;
}
.pull-right{
	float: right;
}
.clearfix {
	*zoom: 1
}
.clearfix:before,
.clearfix:after {
	display: table;
	line-height: 0;
	content: ""
}
.clearfix:after {
	clear: both
}
/*文本方向*/
.text-center{
	text-align: center;
}
.text-right{
	text-align: right;
}
.text-left{
	text-align: left;
}

.show{
	display: block;
}
.hide{
	display: none;
}
/*边距*/
.mt-50{
	margin-top: 50px;
}
.mt-60{
	margin-top: 60px;
}

.clamp-4{
	overflow : hidden;
	display: -webkit-box;
	-webkit-line-clamp: 4;        /*这儿是几，就显示几行*/
	-webkit-box-orient: vertical;
}
.clamp-3{
	overflow : hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;        /*这儿是几，就显示几行*/
	-webkit-box-orient: vertical;
}
.clamp-2{
	overflow : hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;        /*这儿是几，就显示几行*/
	-webkit-box-orient: vertical;
}
.clamp-1{
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.magnify{
	transition: all 0.6s;
}
.magnify:hover{
	transform: scale(1.2);
}