@charset "utf-8";

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

/*	竖排文字
.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: 'impact';
	src: url('../fonts/impact.eot');
	src: url('../fonts/impact.eot?#iefix') format('embedded-opentype'),
		url('../fonts/impact.woff') format('woff'),
		url('../fonts/impact.ttf') format('truetype'),
		url('../fonts/impact.svg#impact') format('svg');
}

@font-face { font-family: 'avian';
	src: url('../fonts/AvianRegular.eot');
	src: url('../fonts/AvianRegular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AvianRegular.woff') format('woff'),
		url('../fonts/AvianRegular.ttf') format('truetype'),
		url('../fonts/AvianRegular.svg#AvianRegular') format('svg');
}

@font-face {
	font-family: 'avignon';
	src: url('../fonts/avignonbold.eot');
	src: url('../fonts/avignonbold.eot') format('embedded-opentype'),
		url('../fonts/avignonbold.woff') format('woff'),
		url('../fonts/avignonbold.ttf') format('truetype'),
		url('../fonts/avignonbold.svg#avignonbold') format('svg');
}

@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 */
*, *:before, *:after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

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  Arial; color: #333; 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-icon{ position: relative; width: 30px; height: 30px; cursor: pointer;}
.xfont-icon:before{ position: absolute; left: 50%; top: 50%;
	font-family: "xfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
	
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.clear:after,
.x-wrap:after,
.nav-box:after,
.tools-mod:after,
.page-box:after,
.share-box:after{ content: ''; display: table; clear: both;}

.h40{ font-size: 40px;}
.h36{ font-size: 36px;}
.h30{ font-size: 30px;}
.h28{ font-size: 28px;}
.h26{ font-size: 26px;}
.h24{ font-size: 24px;}
.h22{ font-size: 22px;}
.h20{ font-size: 20px;}
.h18{ font-size: 18px;}
.h16{ font-size: 16px;}

/* 通用 */
.fl{ float: left;}
.fr{ float: right;}
.middle-box{ font-size: 0; letter-spacing: -1.5em;}
.middle-box: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-txt,
.justify-box{ word-break: break-all; text-align: justify; text-justify: inter-ideograph;}
.justify-box: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-ov{overflow: hidden;}

.x-hidden{ opacity: 0; visibility: hidden;
	-webkit-transition-property: opacity, visibility;
	transition-property: opacity, visibility;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}
.x-visible{ opacity: 1; visibility: visible;}
.x-wrap{ position: relative; width: 1230px; height: 100%; margin: auto;}
.x-header, .x-footer, .x-container{ position: relative; width: 100%; min-width: 1340px; margin: auto; z-index: 1;max-width: 1920px;overflow: hidden;}
.x-header{ height: auto; z-index: 2;}
.x-header .logo{ position: absolute; left: 90px; top:67px; width:167px; overflow: hidden;}
.x-header .logo img{ display: block; width: 100%;}


@media only screen and (min-width:1500px ) {
	.x-wrap{ width: 1400px;}
}
@media only screen and (max-width:1340px ) {
	.x-ov{overflow: visible;} 
}


/*	********************************************	*/