@charset "utf-8";

/*--------------------------------- 浏览器样式重置 Start ---------------------------------*/
*, *:before, *:after {
	margin: 0;
	padding: 0;
	   -moz-box-sizing: inherit;
	-webkit-box-sizing: inherit;
			box-sizing: inherit;
	font-family:"微软雅黑";
}

html {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
    /*优化显示文本*/
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
html,body {
	font-family: "思源黑体 CN";
	min-height: 100%;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
}
a[href=""]:empty::before { content: '空链接'; } /*当a元素没有文本值、链接，显示“空链接”占位符*/
a[href^="http"]:empty::before { content: attr(href); } /*当a元素没有文本值，但 href 属性有链接的时候显示链接*/
a {
	color: #333;
	-webkit-user-select: none;
	user-select: none;
	-webkit-touch-callout: none; /*在IOS中禁止长按链接弹出菜单 【Mobile】*/
}
img {
	border: 0;
	-webkit-touch-callout: none; /*在IOS中禁止长按图片弹出菜单 【Mobile】*/
}
li { list-style: none; }
:link,:visited,ins { text-decoration: none; }
i, em { font-style: normal; }
table {
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
textarea {
	overflow: auto;
	resize: none;
	vertical-align: top;
}
a,button, input, select, textarea {
	font-family: inherit;
	font-size: 100%;
	outline: none;
	-webkit-appearance: none; /*去除系统默认的样式*/
	-webkit-tap-highlight-color: transparent; /*点击高亮的颜色透明*/
}

/*移除HTML5 input在type="number"时的上下小箭头*/
input[type="number"] { -moz-appearance: textfield; } /*FireFox*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { /*Chrome*/
    -webkit-appearance: none !important;
    margin: 0;
}

/*去掉IE10文本框后面的X与密码框后的小眼睛*/
input::-ms-clear{display:none;}
input::-ms-reveal{display:none;}

/*placeholder颜色*/
	:-ms-input-placeholder { color: #868686; }
		 :-moz-placeholder { color: #868686; }
		::-moz-placeholder { color: #868686; }
::-webkit-input-placeholder { color: #868686; }

/*去除表单控件自动填充黄色背景*/
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset; }/*使用足够大的纯色内阴影来覆盖控件的黄色背景*/

/*HTML5 Tag*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
audio, canvas, video { display: inline-block; }

/*细化滚动条样式一*/
/*::-webkit-scrollbar {
	width: 8px;!*纵向滚动条宽度*!
	height: 8px;!*横向滚动条高度*!
}
::-webkit-scrollbar-track {
    border: 1px #d3d3d3 solid;
    box-shadow: 0px 0px 3px #dfdfdf inset;
    border-radius: 10px;
    background: #eee;
}
::-webkit-scrollbar-thumb {
	!*滚动滑块*!
    border: 1px #808080 solid;
    border-radius: 10px;
    background: #999;
}
::-webkit-scrollbar-thumb:hover { background: #7d7d7d; }*/
/*细化滚动条样式二*/
::-webkit-scrollbar {
    width: 4px;/*纵向滚动条宽度*/
    height: 4px;/*横向滚动条高度*/
    background-color: #f3f5f6;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
::-webkit-scrollbar-thumb {
    /*滚动滑块*/
    background-color: #a7b6b9;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover { background-color: #5c8087; }

/*浏览器出现/消失滚动条页面不滚动*/
/*body { padding-left: calc(100vw - 100%); }*/
/*--------------------------------- 浏览器样式重置 End ---------------------------------*/

/*--------------------------------- 辅助样式 Start ---------------------------------*/
/*隐藏*/
.hide { display: none; }
.hide_i { display: none !important; }
.vh { visibility: hidden; }
.vh_i { visibility: hidden !important; }

/*定位*/
.posr { position: relative; }
.posa { position: absolute; }
.posf { position: fixed; }

/*表现*/
.db { display: block; }
.di { display: inline; }
.dib { display: inline-block; }
.dt { display: table; }
.dit { display: inline-table; }
.dtbc { display: table-cell; }
.df {
	display: -ms-flexbox; /* 混合版本语法: IE 10 */
	display: -moz-box; /* 老版本语法: Firefox (buggy) */
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -webkit-flex; /* 新版本语法: Chrome 21+ */
	display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
}

/*浮动*/
.fl { float: left; }
.fr { float: right; }

/*清除浮动*/
.cll { clear: left; }
.clr { clear: right; }
.clb { clear: both; }
.cln { clear: none; }
.clearfix:after { /*让外层div包裹整个内层，符合谷歌闭合机制。*/
	content: '.';
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	font-size: 0;
}

/*水平、垂直居中*/
.tac { text-align: center; }
.tal { text-align: left; }
.tar { text-align: right; }
.vam { vertical-align: middle; }
.Hor_center {
	margin-left: auto;
	margin-right: auto;
}

/*容器内水平、垂直居中*/
.Hor_Ver_center {
	display: -ms-flexbox;		/* TWEENER - IE 10 */
	display: -moz-box;			/* OLD - Firefox 19- (buggy but mostly works) */
	display: -webkit-box;		/* OLD - iOS 6-, Safari 3.1-6 */
	display: -webkit-flex;		/* NEW - Chrome */
	display: flex;				/* NEW, Spec - Opera 12.1, Firefox 20+ */
	flex-flow: row nowrap;
	
	/*水平居中*/
	   -ms-flex-align: center;
	   -moz-box-align: center;
	-webkit-box-align: center;
       -moz-justify-content: center;
    -webkit-justify-content: center;
    		justify-content: center; /* IE 11+,Firefox 22+,Chrome 29+,Opera 12.1*/
    
    /*垂直居中*/
       -ms-flex-pack: center;
	   -moz-box-pack: center;
    -webkit-box-pack: center;
       -moz-align-items: center;
    -webkit-align-items: center;
			align-items: center;
			
	-webkit-align-content: center;
			align-content: center;
}

/*盒模型*/
.bxszbb {
	   -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.bxszcb { /*宽度和高度分别应用到元素的内容框（默认）*/
	   -moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
			box-sizing: content-box;
}

/*背景裁切*/
.bgcpcb {
	-webkit-background-clip: content-box;
			background-clip: content-box;
}
.bgcppb {
	-webkit-background-clip: padding-box;
			background-clip: padding-box;
}
.bgcpbb { /*（默认）*/
	-webkit-background-clip: border-box;
			background-clip: border-box;
}

/*单行文本溢出省略（符号）*/
.filter-text {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

/*圆*/
.circle {
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
			border-radius: 50%;
}

/*字体*/
.fz12 { font-size: 12px; }
.fz13 { font-size: 13px; }
.fz14 { font-size: 14px; }
.fz16 { font-size: 16px; }
.fz18 { font-size: 18px; }
.fz20 { font-size: 20px; }
.fwb { font-weight: bold; }
.fwn { font-weight: normal; }

/*颜色*/
.white { color: #fff; }
.black { color: #000; }
.bgc#f { background-color: #fff; }

/*文字选中*/
::selection {
	color: #fff;
	background-color: #000;
	text-shadow: 0 1px 0 rgba(0,0,0,0.3);
}
::-moz-selection {
	color: #fff;
	background-color: #000;
	text-shadow: 0 1px 0 rgba(0,0,0,0.3);
}

/*placeholder文字淡出*/
[placeholder]:focus::-webkit-input-placeholder {
	opacity: 0;
	-webkit-transition: opacity 0.5s ease;
			transition: opacity 0.5s ease;
	/*实现方法二*/
	/*color: transparent;
	-webkit-transition: color 0.5s ease;
			transition: color 0.5s ease;*/
}

/*全透明*/
.transparent {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /*IE6/7*/
		filter: alpha(opacity=0);
	opacity: 0;
}

/*断词换行*/
.break-all {
    -ms-word-break: break-all;
    word-break: break-all;
}
/*非断词换行*/
.break-word {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}
/*强制不换行*/
.nowrap { white-space: nowrap; }

/*打印分页*/
.pgbbal { page-break-before: always; }
.pgbaal { page-break-after: always; }

/*幻影穿透*/
.phantom { pointer-events: none; }

/*禁止选中*/
.select_none {
	 	-ms-user-select: none;
	   -moz-user-select: none;
	-webkit-user-select: none;
			user-select: none;
}

/*恢复容器弹性滚动【Mobile】*/
.scrolling_touch { -webkit-overflow-scrolling: touch; }

/*模糊文本*/
.blurText {
   color: transparent;
   text-shadow: 0 0 3px rgba(0,0,0,0.5);
}

/*灰度*/
.Grayscale {
			filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
		 -o-filter: grayscale(100%);
	   -moz-filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-webkit-filter: grayscale(1);
			filter: grayscale(100%);
}

/*点击波纹涟漪*/
.ripple {
	position: relative;
	overflow: hidden;
	transform: translate3d(0, 0, 0);
}
.ripple:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	pointer-events: none;
	background-image: radial-gradient(circle, #000 10%, transparent 10.01%);
	background-repeat: no-repeat;
	background-position: 50%;
	transform: scale(10, 10);
	opacity: 0;
	transition: transform .5s, opacity 1s;
}
.ripple:active:after {
	transform: scale(0, 0);
	opacity: .2;
	transition: 0s;
}

/*其他*/
.w100vw { width: 100vw; }
.h100vh { height: 100vh; }
.bdn { border: none; }
.tdn { text-decoration: none; }
.curp { cursor: pointer; }
.ovh { overflow: hidden; }
.maw100p { max-width: 100%; }
.object-fit { object-fit: cover; }
/*--------------------------------- 辅助样式 End ---------------------------------*/

.common{
	width:1200px;
	margin:0 auto;
}

.userOperation{
	display: none;
}







/*固定的悬浮窗*/
.yb_conct {
	position: fixed;
	z-index: 9999999;
	bottom: 150px;
	right: -127px;/*0px;*/
	cursor: pointer;
	transition: all .3s ease; 
}
.yb_bar ul li {
	width: 180px;
	height: 53px;
	font: 16px/53px 'Microsoft YaHei';
	color: #fff;
	text-indent: 54px;
	margin-bottom: 3px;
	border-radius: 3px;
	transition: all .5s ease;
	overflow: hidden;
}
.yb_bar .yb_top {
	background: #0563AB url(../images/fixCont.png) no-repeat 0 0;
}
.yb_bar .yb_phone {
	background: #0563AB url(../images/fixCont.png) no-repeat 0 -57px;
}
.yb_bar .yb_QQ {
	text-indent: 0;
	background: #0563AB url(../images/fixCont.png) no-repeat 0 -113px;
}
.yb_bar .yb_ercode {
	/*height:200px;*/

	background: #0563AB url(../images/fixCont.png) no-repeat 0 -169px;
}
.hd_qr {
	padding: 0 29px 25px 29px;
}
.yb_QQ a {
	display: block;
	text-indent: 54px;
	width: 100%;
	height: 100%;
	color: #fff;
}