@charset "UTF-8";
/*css 初始化 */
html,
body,
ul,
li,
ol,
dl,
dd,
dt,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
img {
	margin: 0;
	padding: 0;
}
html{
	font-size: 20px;
}
fieldset,
img,
input,
button {
	border: none;
	padding: 0;
	margin: 0;
	outline-style: none;
}

ul,
ol {
	list-style: none;
}

input {
	cursor: pointer;
	padding-top: 0;
	padding-bottom: 0;
}

a {
	color: #000;
	text-decoration: none;
}
a:hover{
	filter:alpha(Opacity=95);-moz-opacity:0.95;opacity: 0.95;
}

select,
input {
	vertical-align: middle;
}

select,
input,
textarea {
	font-size: 14px;
	margin: 0;
}

textarea {
	resize: none;
}


/*防止拖动*/

img {
	height: auto;
	border: 0;
	vertical-align: middle;
}

table {
	border-collapse: collapse;
}


body,
html {
	max-width: 1200px;
	overflow-x: hidden;
	overflow-y: auto;
	font-family: "PingFang SC","Lantinghei SC","Microsoft YaHei",arial,"\5b8b\4f53",sans-serif,tahoma;
	word-wrap: break-word;
   -webkit-overflow-scrolling: touch;
    user-select:none; /*文本不可复制*/
    -webkit-user-select: none;
    -moz-user-select:none;
    -ms-user-select:none;
    -webkit-tap-highlight-color:transparent; /*解决手机端页面的鼠标点击出现蓝色背景*/
	  width: 100%;
	  height: 100%;
}

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
	/*IE/7/6*/
}

s,
i,
em {
	font-style: normal;
	text-decoration: none;
}


/*.col-red{color: #C81623!important;}*/


/*公共类*/

.main {
	/*版心 提取 */
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.al {
	text-align: left;
}

.ac {
	text-align: center;
}

.ar {
	text-align: right;
}

.hide {
	display: none;
}

.show {
	display: block;
}

.twoline {
	/*多行溢出问题放一个盒子里面*/
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.oneline {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.threeline {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.fourline {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.flex {
	/*弹性布局父级元素*/
	display: box;
	/* OLD - Android 4.4- */
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
}


/*flex1 自动填充*/

.flex1 {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.flex2 {
	-webkit-box-flex: 2;
	-moz-box-flex: 2;
	-webkit-flex: 2;
	-ms-flex: 2;
	flex: 2;
}

.flex3 {
	-webkit-box-flex: 3;
	-moz-box-flex: 3;
	-webkit-flex: 3;
	-ms-flex: 3;
	flex: 3;
}


/*flex-wrap 自动换行*/

.flex-wrap {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}


/*flexv 竖直排列*/

.flexv {
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-o-flex-direction: column;
	-moz-flex-direction: column;
}


/*水平垂直居中*/

.flexc {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	-moz-justify-content: center justify-content:center;
}


/*jus-b 水平两端对齐*/

.jus-b {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}


/*jus-a 水平相等间距*/

.jus-a {
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}


/*jus-s 首端对齐*/

.jus-s {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-start;
}


/*ali-c 竖直居中*/

.ali-c {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-moz-box-align: center;
}


/*图片悬浮放大*/
.tran03s img{
    transition: all 0.6s;
}
.tran03s img:hover
{
	transform: scale(1.015);
}