@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: 滚动显示元素;
*/

@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: "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: #474747; 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;}
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;}

::-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;
}
/*html{min-width: 1230px;max-width: 1920px;}*/
/* 通用 */
.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: ''; padding-left: 100%;}
.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;}










/****/

@media screen and (min-width:1230px) {
	
}

@media screen and (min-width: 751px) and (max-width: 1229px) {

}

@media screen and (min-width: 751px) {
	.m-show{ display: none;}
	
/*	pc navigation */
	.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; pointer-events: all;}
	.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; pointer-events: all;}
	.nav-mod .nav-item.cur > .nav-tit .nav-link{ color: #ff5705;}

}

@media screen and (max-width: 750px) {
	*, *:before, *:after{
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	body{ font-size: 0.28rem;}
	
	.pop-mod .pop-close{ right: 0.1rem; top: 0.1rem; width: 0.8rem; height: 0.8rem; background-size: 0.5rem;}
	
	.p-show{ display: none;}
	
	.x-wrap{ width:100%; padding:0 0.25rem;}
	
	.x-footer{ padding: 0.1rem 0; font-size: 0.22rem; text-align: center;}
	.x-footer .copy, .x-footer .ftbj{ float: none;}
	.x-footer .copy br{ display: block;}
	.x-footer .copy span{ margin-left: 0;}
	.x-footer .ftbj{}
	
	.x-header, .x-footer, .x-container{ min-width: 320px;}
	.x-header{ height: 1.5rem;}
	.x-header .x-wrap{ padding: 0;}
	.x-header .menu-head{ position: relative; height: 100%; background-color: #fff; border-bottom: 1px solid; z-index: 1;}
	.x-header .logo{ left: 0.25rem; top: 50%; width: 2.8rem;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	
	.select-mod .select-btn{ padding: 0.1rem 0.8rem 0.1rem 0.2rem; height: 0.62rem;}
	.select-mod .select-btn:after{ content: '\e834'; top: 50%; bottom: auto; right: 0.2rem; height: auto; font-size: 1.5em;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.select-mod .select-val{ visibility: hidden;}
	.select-mod .select-txt{ right: 0.8rem; padding: 0.1rem 0.2rem;}
	.select-mod .select-native{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 0.1rem 0.2rem; width: 100%; height: 100%; display: block;}
	.select-mod .select-txt + .select-native{ left: auto; width: 0.8rem; opacity: 0;}
	.select-mod .squery-list{ padding: 0.2rem; padding-right: 0.1rem; min-height: 2rem;}
	.select-mod .squery-item{ padding: 0.05rem 0;}

	.gotop{ right: 0.2rem; bottom: 0.2rem; padding: 0.2rem;}
	
/*	mobile menu-btn */
	.menu-btn{ position: absolute; top: 50%; right: 0.25rem; width: 0.8rem; height: 0.8rem; overflow: hidden; text-align: center;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.menu-btn .line, .menu-btn .line:before, .menu-btn .line:after{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 0.5rem; height: 0; border-top: 2px solid; border-bottom: 2px solid; border-radius: 10px;}
	.menu-btn .line{ top: 0; bottom: 0;
		-webkit-transition: border 0.3s;
		transition: border 0.3s;
	}
	.menu-btn .line:before, .menu-btn .line:after{ content: '';
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transition: transform 0.3s;
		-webkit-transition: -webkit-transform 0.3s;
		transition: -webkit-transform 0.3s;
		transition: transform 0.3s;
		transition: transform 0.3s, -webkit-transform 0.3s;
	}
	.menu-btn .line:before{
		-webkit-transform: translateY(-0.2rem);
		transform: translateY(-0.2rem);
	}
	.menu-btn .line:after{
		-webkit-transform: translateY(0.2rem);
		transform: translateY(0.2rem);
	}
	.menu-open{ z-index: 999;}
	.menu-open .line{ border-color: #fff;}
	.menu-open .line:before{
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.menu-open .line:after{
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	
/*	mobile navigation */
	.nav-mod{ position: fixed; top: 0; bottom: 0; left: 0; right: 0; padding-top: 1.5rem; background-color: #fff; overflow: hidden;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;

		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;

		-webkit-transition: transform 0.5s;
		-webkit-transition: -webkit-transform 0.5s;
		transition: -webkit-transform 0.5s;
		transition: transform 0.5s;
		transition: transform 0.5s, -webkit-transform 0.5s;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	.menu-open .nav-mod{
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
	.nav-mod .search-box, .nav-mod .share-box{ position: relative; padding: 0.2rem 0.25rem;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;

		-webkit-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0
	}
	.nav-mod .search-box{ border-bottom: 1px solid;}
	.nav-mod .search-txt{ position: relative; width: 0;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-ms-flex-negative: 1;
		flex-shrink: 1
	}
	.nav-mod .search-txt input{ display: block; width: 100%; height: 0.6rem; font-size: 0.4rem;}
	.nav-mod .search-btn{ position: relative; margin-left: 0.2rem; width: 0.8rem; text-align: center; overflow: hidden;
		-webkit-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0
	}
	.nav-mod .search-btn:after{ position: absolute; left: 50%; top: 50%; content: '\e853'; font-family:"xfont"; font-size: 2em;
		-webkit-font-smoothing: antialiased;
		-webkit-text-stroke-width: 0.2px;
		-moz-osx-font-smoothing: grayscale;

		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.nav-mod .share-box{ border-top: 1px solid; text-align: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
	.nav-mod .share-item{ display: block !important; margin: 0 0.2rem; width: 0.75rem !important; font-size: 0.5rem !important;
		font-family: "xfont" !important;
		font-style: normal;
		-webkit-font-smoothing: antialiased;
		-webkit-text-stroke-width: 0.2px;
		-moz-osx-font-smoothing: grayscale;
	}

	.nav-mod .nav-tit{ padding: 0.1rem 0.25rem;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.nav-mod .nav-tit .arr{ position: relative; display: block; margin-left: 0.2rem; width: 0.8rem; text-align: center; overflow: hidden;
		-webkit-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0
	}
	.nav-mod .nav-tit .arr:after{ position: absolute; left: 50%; top: 50%; content: '\e834'; font-family:"xfont";
		-webkit-font-smoothing: antialiased;
		-webkit-text-stroke-width: 0.2px;
		-moz-osx-font-smoothing: grayscale;

		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.nav-mod .nav-tit .nav-link{ display: block; width: 0;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-ms-flex-negative: 1;
		flex-shrink: 1
	}
	.nav-mod .nav-tit + .nav-lv{ display: none;}
	.nav-mod .nav-lv1{ font-size: 1.5em; overflow-y: auto; height: 0;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-ms-flex-negative: 1;
		flex-shrink: 1
	}
	.nav-mod .nav-lv2{ background-color: #ccc; font-size: 1em; color: #474747;}
	.nav-mod .nav-lv2 .nav-link{ text-indent: 1em;}
	.nav-mod .nav-lv3{ background-color: #fff; font-size: 0.8em; color: #474747;}
	.nav-mod .nav-lv3 .nav-link{ text-indent: 2em;}
	.nav-mod .nav-item{}
	.nav-mod .nav-item + .nav-item{ border-top: 1px solid;}
	.nav-mod .nav-item.act > .nav-tit .arr:after{ content: '\e833';}
	.nav-mod .nav-lv1 .nav-item.act{ background-color: #333; color: #fff;}
	.nav-mod .nav-lv2 .nav-item.act{ background-color: #666; color: #fff;}

/*	*****************************************************  */
	
}