@charset "utf-8";
/*
@media screen and(-webkit-min-device-pixel-ratio:0){} chrome
filter: alpha(opacity=100);
pointer-events: none;	//	鼠标穿透
hidefocus = "true"	//	ie a标签属性 超链接不显示周围的虚线
*/

/* js样式
	js-nopad: x-container无padding定高;
	js-gotop: 返回顶部;
	js-scroller: 滚动显示元素;
*/

/*	竖排文字
.writing-vertical{
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	writing-mode: tb-rl;
}
*/

/*	多行文本省略号
.multi-ellipsis{ overflow: hidden; text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}
*/

@font-face {
  font-family: "syht";
  src: url("../fonts/syht.woff2") format("woff2"),
       url("../fonts/syht.woff") format("woff"),
       url("../fonts/syht.ttf") format("truetype"),
       url("../fonts/syht.eot") format("embedded-opentype"),
       url("../fonts/syht.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}


@font-face { font-family: "xfont";
	src: url('../fonts/iconfont.eot'); /* IE9*/
	src: url('../fonts/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/iconfont.woff') format('woff'), /* chrome, firefox */
		url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
		url('../fonts/iconfont.svg#xfont') format('svg'); /* iOS 4.1- */
}

/* css reset */
html, body, h1, h2, h3, h4, h5, h6, div, ol, ul, li, dl, dt, dd, table, caption, tr, th, td, span, p, a, b, u, i, em, img, iframe, fieldset, form, label, legend, input, button, select, textarea { margin: 0; padding: 0;}
body { font: 14px/1.5 "syht"; color: #666; background-color: #fff; margin: auto;}
input, button, textarea, select { font: inherit; outline: 0; border: 0; background: none; color: inherit;}
input:focus, textarea:focus { color: inherit;}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0;}
ol, ul, li { list-style: none;}
input, select { -webkit-appearance: none; -moz-appearance: none; appearance: none;}
textarea { overflow: auto; resize: none;}
table { border-collapse: collapse; border: 0;}
img { border: 0; outline: 0; vertical-align: middle;}
a { text-decoration: none; color: inherit;}
a:focus { outline: 0;}
svg:not(:root){ overflow: hidden;}
input[type=date]{ background-color:transparent; border: 0; filter: alpha(opacity=0);}

::-ms-clear, ::-ms-reveal{ display: none;}
/* WebKit browsers */
::-webkit-input-placeholder{ color: #909090;}
/* Mozilla Firefox 4 to 18 */
:-moz-placeholder{ color: #909090; opacity: 1;}
/* Mozilla Firefox 19+ */
::-moz-placeholder{ color: #909090; opacity: 1;}
/* Internet Explorer 10+ */
:-ms-input-placeholder{ color: #909090;}

.placeholder{ color: #909090;}

.xfont{
	font-family: "xfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

a,.t2,.t3,.t4{ color:#000; }

/* 通用 */
.clear:after, .x-wrap:after{ content: ''; display: table; clear: both;}
.middle{ font-size: 0; letter-spacing: -1.5em;}
.middle:after{ content: ''; display: inline-block; vertical-align: middle; height: 100%;}
.middle-cont{ display: inline-block; vertical-align: middle; font-size: 14px; letter-spacing: 0;}
.justify{ word-break: break-all; text-align: justify; text-justify: inter-ideograph;}
.justify:after{ content: ''; display: inline-block; padding-left: 100%; font-size: 0; vertical-align: top;}
.pos-fix{ position: fixed !important; left: 0; top: 0;}
.pos-abs{ position: absolute !important; left: 0; top: 0;}
.x-wrap{ position: relative; width: 1230px; height: 100%; margin: auto;}




*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }