@charset "utf-8";
/*
filter: alpha(opacity=100);
pointer-events: none;	//	鼠标穿透
hidefocus = "true"	//	ie a标签属性 超链接不显示周围的虚线
*/

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

@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 */
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, Tahoma, Helvetica, sans-serif; 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{
	font-family: "xfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

.h30, .h28, .h26, .h24, .h22, .h20, .h18,  .h16{ line-height: 1.2;} 
.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;}

/* 通用 */
.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%;}
.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;}
.middle-cont{ display: inline-block; vertical-align: middle; font-size: 14px; letter-spacing: 0;}
.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;}

.x-header, .x-footer, .x-container{ position: relative; width: 100%; min-width: 1250px; margin: 0 auto;}
.x-header{ height: 61px; z-index: 2;}
.x-header .logo{ position: absolute; left: 0; top: 0; overflow: hidden;}
.x-header .logo img{ display: block; width: 100%;}
.x-header .tools{ position: absolute; right: 0; top: 0;}
.x-header .tools a{}
.x-header .tools .login{}
.x-header .tools .lang{}
.x-header .nav-mod{ position: absolute; left: 300px; top: 0;}

.x-footer{}
.x-footer .link{}
.x-footer .link li{}
.x-footer .copy{}
.x-footer .ftbj{}
.x-footer a{}
.x-footer a:hover{ color: #c00;}

.nav-mod{ position: absolute; left: 300px; top: 0;}
.nav-mod .nav-link{ display: block; white-space: nowrap;}
.nav-mod .nav-link:hover{ color: #ff5705;}
.nav-mod .nav-item{}
.nav-mod .nav-lv{ opacity: 0; visibility: hidden;
	-webkit-transition: opacity 0.2s, visibility 0.2s;
	transition: opacity 0.2s, visibility 0.2s;
}
.nav-mod .nav-lv1{ opacity: 1; visibility: visible;}
.nav-mod .nav-lv1 > .nav-item{ position: relative; float: left;}
.nav-mod .nav-lv1 .nav-link{ padding: 20px;}
.nav-mod .nav-lv2{ position: absolute; left: 0; right: 0; top: 100%; padding: 10px 0; background-color: #fff;}
.nav-mod .nav-lv2 .nav-item + .nav-item{ margin-top: 8px;}
.nav-mod .nav-lv2 .nav-link{ padding: 0 10px; color: #474747;
	-webkit-transition: padding 0.2s;
	transition: padding 0.2s;
}
.nav-mod .nav-lv3{ position: absolute; left: 100%; top: 0; padding: 10px; background-color: #fff;}
.nav-mod .nav-lv3 .nav-item + .nav-item{ margin-top: 8px;}
.nav-mod .nav-lv3 .nav-link{ padding: 0; color: #474747;
	-webkit-transition: padding 0.2s;
	transition: padding 0.2s;
}
.nav-mod .nav-item:hover > .nav-tit .nav-link{ color: #2b7bad;}
.nav-mod .nav-item:hover > .nav-lv{ opacity: 1; visibility: visible;}
.nav-mod .nav-item.cur > .nav-tit .nav-link{ color: #ff5705;}

.x-wrap{ width: 1025px; }
.x-header{ position: absolute; top: 0; left: 0; right: 0; }
.x-header .logo{ top: 27px; left: 45px; }
.x-header .tools{ top: 30px; right: 23px; }
.x-header .tools .lang{ display: inline-block; width: 44px; line-height: 44px; border-radius: 50%; background: #e6d1af; color: #855118;
font-family: "Arial"; font-weight: bold; text-align: center; text-transform: uppercase; margin: 0 5px; }
.x-footer .x-wrap{ background: #eeebe8; padding: 20px 0; text-align: center; }
.x-footer .icp{ margin: 0 20px 0 10px; }


/****/