/*样式初始化*/
html, body, div, span, object, iframe, 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, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption,
figure, footer, fieldset, header, menu, nav, section, summary, time, mark,
audio, video {
    margin: 0;
    padding: 0;
}
body {
	font-family:"微软雅黑",YaHei,"Microsoft YaHei","宋体","Arial,Verdana";
	font-size: 14px;
	background: #ffffff;
}

a {
	text-decoration: none;
	color: #555555;
}

a:link,
a:visited,
a:active,
a:hover,
a:focus {
	text-decoration: none;
	outline-style: none;
	/*FF*/
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

input,
button {
	outline: none;
	border: 0px;
}

ol,
ul {
	list-style: none;
}


/*end*/


/*css为clearfix，清除浮动*/

.fl {
	float: left;
}

.fr {
	float: right;
}

.cf::before,
.cf::after {
	content: "";
	height: 0;
	line-height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}

.cf {
	*zoom: 1;
	/*IE/7/6*/
}


/*end*/


/*单行文本移出省略*/

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


/*end*/


/*多行文本溢出省略*/

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


/*end*/
/*图像动画自动放大*/
@keyframes scaleDraw {
	/*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
	0% {
		transform: scale(1);
		/*开始为原始大小*/
	}
	25% {
		transform: scale(1.1);
		/*放大1.1倍*/
	}
	50% {
		transform: scale(1);
	}
	75% {
		transform: scale(1.1);
	}
}

.ballon {
	/*width: 100%;*/
	/*height: 500px;*/
	-webkit-animation-name: scaleDraw;
	/*关键帧名称*/
	-webkit-animation-timing-function: ease-in-out;
	/*动画的速度曲线*/
	-webkit-animation-iteration-count: infinite;
	/*动画播放的次数*/
	-webkit-animation-duration: 25s;
	/*动画所花费的时间*/
}
/*end*/
.box-4 {
	height: 690px;
	text-align: center;
}

/*图像放大效果*/

.trans-img {
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}

.trans-img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}


/*end*/

/* 弹性盒子公用样式 */

.flex{
    display:-webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.flex-1{
    -webkit-box-flex:1;
    -moz-box-flex:1;
    -webkit-flex:1;
    flex:1;
}
.flex-2{
    -webkit-box-flex:2;
    -moz-box-flex:2;
    -webkit-flex:2;
    flex:2;
}
.flex-3{
    -webkit-box-flex:3;
    -moz-box-flex:3;
    -webkit-flex:3;
    flex:3;
 }
.flex-4{
    -webkit-box-flex:4;
    -moz-box-flex:4;
    -webkit-flex:4;
    flex:4;
}

.w1200{
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.w246{
	width: 246px;
	margin-left: auto;
	margin-right: auto;
}