@charset "utf-8";
.clear {
	clear: both;
	height: 0px;
	overflow: hidden;
	zoom: 0;
}
.clearfix {
*zoom:1;
}/*IE/7/6*/
.clearfix:after {
	content:"\200B";
	display:block;
	height:0;
	clear:both;
}
.dot {
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
/*2行文本省略号*/
.dot2 {
	display: -webkit-box;
	display: box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
/*3行文本省略号*/
.dot3 {
	display: -webkit-box;
	display: box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.ytable {
	display:table;
	width:100%;
}
.ytable-cell {
	display:table-cell;
	vertical-align:middle;
}
/*垂直居中,容器设置宽高*/
.ycenter {
	align-items: center;
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box; /* 老版本语法: Firefox (buggy) */
	display: -ms-flexbox; /* 混合版本语法: IE 10 */
	display: -webkit-flex; /* 新版本语法: Chrome 21+ */
	display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
}
/*水平居中,容器设置宽高*/
.xcenter {
	justify-content: center;
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box; /* 老版本语法: Firefox (buggy) */
	display: -ms-flexbox; /* 混合版本语法: IE 10 */
	display: -webkit-flex; /* 新版本语法: Chrome 21+ */
	display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
}
/*盒子布局*/
.flexbox {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
/*弹性布局水平垂直居中 兼容性高*/
.xycenterbox {
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box; /* 老版本语法: Firefox (buggy) */
	display: -ms-flexbox; /* 混合版本语法: IE 10 */
	display: -webkit-flex; /* 新版本语法: Chrome 21+ */
	display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
	-webkit-box-pack: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;
}
/*弹性布局水平居中 兼容性高*/
.xcenterbox {
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box; /* 老版本语法: Firefox (buggy) */
	display: -ms-flexbox; /* 混合版本语法: IE 10 */
	display: -webkit-flex; /* 新版本语法: Chrome 21+ */
	display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
	-webkit-box-pack: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;
}
/*弹性布局垂直居中 兼容性高*/
.ycenterbox {
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box; /* 老版本语法: Firefox (buggy) */
	display: -ms-flexbox; /* 混合版本语法: IE 10 */
	display: -webkit-flex; /* 新版本语法: Chrome 21+ */
	display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
	-webkit-box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;
}
.Ispic {
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
:after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.nM {
	margin:0;
}
.nP {
	padding:0;
}
/**字体大小**/
.fz_24 {
	font-size:24px;
}
.fz_20 {
	font-size:20px;
}
.fz_18 {
	font-size:18px;
}
.fz_16 {
	font-size:16px;
}
.fz_14 {
	font-size:14px;
}
.fz_12 {
	font-size:12px;
}
/**初始 End**/

.fl {
	float:left;
}
.fr {
	float:right;
}
.w22 {
	width:22%;
	padding-bottom:4%;
}
.w100 {
	width:100%;
	padding-bottom:4%;
}
.w75 {
	width:75%;
	padding-bottom:4%;
}
@media(max-width:1024px) {
.fl, .fr {
float:none;
}
.w22, .w75 {
width:auto;
padding-bottom:2%;
}
.w100 {
width:auto;
padding-bottom:2%;
}
}
/*用于图片变黑白*/
.grayscale {
	filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");
	-webkit-filter:grayscale(1);
	filter:grayscale(1);
	filter:gray
}
.grayscale.grayscale-fade {
transition:filter .5s
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.grayscale.grayscale-fade {
-webkit-transition:-webkit-filter .5s;
transition:-webkit-filter .5s
}
}
.grayscale.grayscale-fade:hover, .grayscale.grayscale-off {
	-webkit-filter:grayscale(0);
	filter:grayscale(0)
}
.grayscale.grayscale-replaced {
	-webkit-filter:none;
	filter:none
}
.grayscale.grayscale-replaced>svg {
-webkit-transition:opacity .5s ease;
transition:opacity .5s ease;
	opacity:1
}
.grayscale.grayscale-replaced.grayscale-fade:hover>svg, .grayscale.grayscale-replaced.grayscale-off>svg {
	opacity:0;
}
/*↑↑↑如修改栏目左右结构宽度比例 请不要修改这里的  在style.css 加上修改*/
/**页面框架 End**/
.auto {
	margin:0 auto;
}
.auto_1440 {
	max-width:1440px;
}
@media(max-width:1440px) {
.auto_1440 {
padding:0 2%;
}
}
.auto_1280 {
	max-width:1280px;
}
@media(max-width:1280px) {
.auto_1280 {
padding:0 2%;
}
}
.auto_1200 {
	max-width:1500px;
}
@media(max-width:1200px) {
.auto_1200 {
padding:0 2%;
}
}
.auto_1180 {
	max-width:1180px;
}
@media(max-width:1180px) {
.auto_1180 {
padding:0 2%;
}
}
.auto_1150 {
	max-width:1150px;
}
@media(max-width:1150px) {
.auto_1150 {
padding:0 2%;
}
}
.auto_1100 {
	max-width:1100px;
}
@media(max-width:1100px) {
.auto_1100 {
padding:0 2%;
}
}
.auto_1050 {
	max-width:1050px;
}
@media(max-width:1050px) {
.auto_1050 {
padding:0 2%;
}
}
.auto_1000 {
	max-width:1000px;
}
@media(max-width:1000px) {
.auto_1000 {
padding:0 2%;
}
}
.auto_950 {
	max-width:950px;
}
@media(max-width:950px) {
.auto_950 {
padding:0 2%;
}
}