
@charset "utf-8";
*{
margin:0; padding:0;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; font-family: "微软雅黑"; }
fieldset, img { border: 0; }
ul, ol, li { list-style: none; font-family:'Microsoft YaHei'; }

/* remember to define focus styles! /
:focus { outline: 0; }
address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: normal; font-weight: normal; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
abbr, acronym { border: 0; font-variant: normal; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; background-color: #fff; border: none;}
code, kbd, samp, tt { font-size: 100%; }
a{text-decoration:none;}
a:hover{
text-decoration: none;
}
/@purpose To enable resizing for IE /
/@branch For IE6-Win, IE7-Win */
input, button, textarea{ *font-size: 100%;}
ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table,tr,td { border-collapse: collapse; border-spacing: 0; margin:0;padding:0;}
caption, th { text-align: left; }
sup, sub { font-size: 100%; vertical-align: baseline; }

/* remember to highlight anchors and inserts somehow! */
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/*Common Css*/
.fr { float: right; display: inline;}
.fl { float: left; display: inline;}
/*文本超出显示省略号*/
.ehn, .otw, .tow { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
/*清除浮动*/
.clearfix { clear: both; zoom:1;}
.clearfix:after { display: block; clear: both; content: "\0020"; visibility: hidden; height: 0; }
/*边距*/
.m5{margin:5px}
.m10{margin:10px}
.m20{margin:20px}

.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt50{margin-top:50px}
.mt100{margin-top:100px}

.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb50{margin-bottom:50px}
.mb100{margin-bottom:100px}

.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}
.ml50{margin-left:50px}
.ml100{margin-left:100px}

.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr20{margin-right:20px}
.mr30{margin-right:30px}
.mr50{margin-right:50px}
.mr100{margin-right:100px}

.p5{padding: 5px;}
.p10{padding:10px;}
.p20{padding:20px;}

.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pt50{padding-top:50px}
.pt100{padding-top:100px}

.pb5{padding-bottom:5px}
.pb10{padding-bottom:10px}
.pb20{padding-bottom:20px}
.pb30{padding-bottom:30px}
.pb50{padding-bottom:50px}
.pb100{padding-bottom:100px}

.pl5{padding-left:5px}
.pl10{padding-left:10px}
.pl20{padding-left:20px}
.pl30{padding-left:30px}
.pl50{padding-left:50px}
.pl100{padding-left:100px}

.pr5{padding-right:5px}
.pr10{padding-right:10px}
.pr20{padding-right:20px}
.pr30{padding-right:30px}
.pr50{padding-right:50px}
.pr100{padding-right:100px}
html,body{
	height:100%;
}
em{font-style:normal;}
.share{
	width:38px;
	position:fixed;
	bottom:200px;
	right:50px;
	z-index:999;
}
.share a{
	display:inline-block;
	width:38px;
	height:38px;
	border-radius:100%;
	text-decoration:none;
	margin-bottom:20px;
}
.share a span{
	display: block;
	width: 100%;
	height: 100%;
}
.share .wx{
	background:url(../img/index/wx.png) no-repeat;
	background-size:100%;
}
.share .wb{
	background:url(../img/index/wb.png) no-repeat;
	background-size:100%;
}
.share .qq{
	background:url(../img/index/qq.png) no-repeat;
	background-size:100%;
}
.wximg{
	width:152px;
	height:196px;
	background:rgba(153,124,82,1);
	border-radius:0px 0px 10px 10px;
	position:absolute;
	top:20px;
	right:66px;
	cursor:pointer;
	display: none;
}
.wximg dt{
	padding:4px;
}
.wximg dd{
	text-align:center;
	color:#fff;
}
.wximg img{
	width:100%;
	height:100%;
	object-fit:contain;
}
.share #wx:hover .wximg{
	display:block;
}
a{
	color:#333333!important;
}
#gotoTop{
    display: none;background-image: url(../img/top.png);border-radius:50%;background-color: transparent;width: 38px;height: 38px;background-size: contain;background-repeat: no-repeat;cursor: pointer;  box-shadow: 0 0 8px 0px #939393;
}

#gotoTop:hover{background-image: url(../img/top_active.png);}
.gotoTop{position: fixed;bottom: 200px;right: 100px;    z-index: 999;}
.slideItem{
	font-size:16px!important;
}