@charset "utf-8";
/*!
 * Slicy——开源中文css框架 v1.0
 *
 * @2012 Qietu Network Technology Co., Ltd. All Rights Reserved.
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */

@charset "gb2312";
/*@charset "gb2312";*/
 

@import url("icon.css");

/*递归样式写法*/
html > body > table >  tr [id="total"] > td  > ul > li {
	color: #ff0000;
}

/*弹性图片*/
img {
	max-width: 100%;
	height: auto;
	width: auto9;
 /* ie8 */
}
/*弹性内嵌元素(视频)*/
.video embed,.video object,.video iframe {
	width: 100%;
	height: auto;
}
/*字号自动调整的问题(通过-webkit-text-size-adjust:none禁用iPhone中Safari的字号自动调整)*/
body {
	-webkit-text-size-adjust: none;
	line-height: 2em;
}
  
/* 网站样式重写 */body, select, input, textarea {
	color: #323232;
	color: #333;
  /*font-family:Arial,"黑体",'Microsoft YaHei UI','Microsoft YaHei',SimSun,'Segoe UI',Tahoma,Helvetica,Sans-Serif;*/
	font-size: 14px;
	background: #fff;
 /*解决电脑设置保护色，网页空白处默认淡绿色问题*/
	font-family: "微软雅黑","Microsoft Yahei",Arial,Helvetica,sans-serif,"宋体";
}

* {
}

a {
	outline: none;
	text-decoration: none;
	color: #1570A6;
}

a:hover {
	text-decoration: underline;
	color: #24459a;
}

html {
	zoom: 1;
}

html * {
	outline: 0;
	zoom: 1;
}

html button::-moz-focus-inner {
	border-color: transparent!important;
}

body {
	overflow-x: hidden;
}

body,div,dl,dt,dd,ul,ol,li/*,h1,h2,h3,h4,h5,h6*/,pre,code,form,input,textarea,/*p,*/blockquote,th,td {
	margin: 0;
	padding: 0;
}

table {
/*border-collapse:collapse;border-spacing:0;*/
}

p {
	margin: 0 0 10px 0;
}
 /*fieldset,*/a img {
	border: 0;
}

address,caption,cite,code,dfn,em,th,var {
	font-style: normal;
	font-weight: normal;
}

li {
/*list-style:none;*/ /*list-style-position:inside; 不兼容ie6,ie7*/
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
/*font-size:100%;*/
	font-weight: normal;
}

q:before,q:after {
	content: '';
}

hr {
	border: none;
	clear: both;
	height: 0;
	background: none;
	margin: 0;
	padding: 0;
	border-bottom: #eee solid 1px;
	margin: 10px 0;
}

img {
	border: 0 none;
	height: auto;
	max-width: 100%;
/*_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<"100%"?"100%":"");*/ /*_width:100%;*/
}

blockquote {
	border-left: 5px solid #EEEEEE;
	margin: 10px;
	padding: 10px;
}

ul {
	margin-left: 20px;
}

ul.unstyled, ol.unstyled {
	list-style: none;
}

ul.circle {
	list-style-type: circle;
}

ul.square {
	list-style-type: square;
}

ul.cjk {
	list-style-type: cjk-ideographic;
}


/*首字母*/
.firstletter:first-letter {
	font-size: 200%;
}

/**重写样式*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: block;
}

.clear {
	clear: both;
}/* 清除浮动*/
.colwrapper {
	overflow: hidden;
	zoom: 1 /*for ie*/;
	margin: 5px auto;
}/* 高度自适应 */ 
.strong {
	font-weight: bold;
}

.left {
	float: left;
}

.right {
	float: right !important;
}

.center {
	margin: 0 auto;
	text-align: center;
}

.show {
	display: block;
	visibility: visible;
}

.hide {
	display: none !important;
 /*visibility:hidden;*/
}

.block {
	display: block;
}

.inline {
	display: inline;
}

.transparent {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
/** Firefox 3.5即将原生支持opacity属性，所以本条属性只在Firefox3以下版本有效 ***/
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.break {
	word-wrap: break-word;
	overflow: hidden;
 /*word-break:break-all;*/
}

.canvas {
	position: relative;
}

.relative {
	position: relative;
}

code, pre {
	color: #333333;
	font-family: Menlo,Monaco,"Courier New",monospace;
	font-size: 12px;
	padding: 0 3px 2px;
}

abbr {
	background: none repeat scroll 0 0 #eee;
	border-bottom: medium none;
	border-left: 0.25em solid #639c8f;
	display: inline-block;
	margin-right: 0.5em;
	padding: 0 0.25em;
}

abbr:hover {
	border-left: #da6a88 solid 3px;
}

pre {
	font-family: consolas,"Courier New",courier,monospace;
 /*color:#0088CC;*/
	background-color: #FAFAFA;
	border: 1px solid #eee;
	display: block;
	font-size: 12.025px;
	line-height: 18px;
	margin: 0 0 9px;
	padding: 8.5px;
	white-space: pre-wrap;
	word-break: break-all;
	word-wrap: break-word;
}

code {
	background-color: #F7F7F9;
	border: 1px solid #E1E1E8;
	color: #0088CC;
	padding: 2px 4px;
}

pre ol {
	margin: 0 0 0 14px;
}

pre.unstyled {
	background: none;
	color: #333;
	border: none;
}

/*插入flash默认灰色*/
object {
	background: gray;
	display: block;
}

.pink {
	color: #ff00ff;
}

.blue {
	color: #0000ff;
}

.deepblue {
	color: #000099;
}

.gray {
	color: #999999;
}

.red {
	color: #ff0000;
}

.black {
	color: #000;
}

.white {
	color: white;
}

.green {
	color: green;
}

.underline {
	text-decoration: underline;
}

.dashedline {
	border-bottom: dashed 1px #666;
}

ol.dashedline {
	border: none;
}

ol.dashedline li {
	border-bottom: dashed 1px #666;
	padding: 5px;
}


/* 固定不动 */
.fixedly {
	position: fixed;
	clip: rect(0 100% 100% 0);
	_position: absolute;
	/* 底部 */
	bottom: 0px;
	left: 0px;
	_top: expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
	/*_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);*/
	/* 左侧 */
	/*left:0px;*/
	/*_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);*/
	/*_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);*/
}

.fixedly.scrolltotop, .fixedly.livechat {
	bottom: 0px;
	right: 20px;
	left: auto;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 40px;
	color: #ccc;
	display: block;
	_display: none;
/* text-shadow:#bbb 1px 1px;*/
	background: #fff;
	border-radius: 2px 2px 2px 2px;
	border: #ccc solid 1px;
}

.fixedly.scrolltotop {
 /*display:none;*/
	bottom: 100px;
}

a:hover.fixedly.scrolltotop, a:hover.fixedly.livechat {
	text-decoration: none;
}

.fixedly.livechat {
	bottom: 20px;
}

.fixedly.scrolltotop.blue, .fixedly.livechat.blue {
	background: #85c2f2;
	text-shadow: #2d96e9 1px 1px;
}

a:hover.fixedly.scrolltotop.blue, a:hover.fixedly.livechat.blue {
	background: #2d96e9;
	text-decoration: none;
}

*html {
	background-image: url(about:blank);
	background-attachment: fixed;
 /* 解决固定层在IE6下闪的问题 */
}


/* png透明 */
.pngfix {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/x.png');
}

/* 渐变 */
.gradient {
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#dedede);
	background: -moz-linear-gradient(top, #ffffff, #dedede);
 /*火狐*/
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#dedede));
 /*webkit*/
}

.radius {
	-webkit-border-radius: 4px;
   /*只支持webkit内核的浏览器*/
	border-radius: 4px;
  /*只支持IE内核的浏览器（IE>=7)*/
	-moz-border-radius: 4px;
 /*只支持Mozilla内核的浏览器*/
	border: #ddd solid 1px;
	padding: 4px;
}

.highlighted {
	background: none repeat scroll 0 0 #00ADEE;
	color: #FFFFFF;
	padding: 0 5px;
}

/*超出省略号显示*/
.ellipsis {
	white-space: nowrap;
/*设置不折行*/
	text-overflow: ellipsis;
/*这就是省略号喽*/
	-o-text-overflow: ellipsis;
/*兼容opera*/
	width: 80px;
	overflow: hidden;
}
/*文字闪动*/
.blink {
	text-decoration: blink;
}


/* 解决ie下连接加粗的鼠标样式问题*/
a strong {
	cursor: pointer;
}

/**FCK 兼容解决方案*/
em {
	font-style: italic !important;
}

strike {
	text-decoration: line-through !important;
}

strong {
	font-weight: bold !important;
}

u {
	text-decoration: underline !important;
}

/**表单样式*/
/* input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {  border-color:#666;} */
input {
/*behavior:url(input.htc);*/
	border: 1px #ccc solid;
}/*Only for ie 5.0+*/
/*label input{width:14px;height:14px;border:0;}*/ /*For input type is Radio*/
input:hover {
}/*For orther browsers*/
form {
}

input[type=text],textarea, .text {
	background: #fff;
	border: 1px solid #ccc;
 /*box-shadow: 0 1px 1px #ccc inset;*/
	font-size: 16px;
	line-height: 100%;
	display: inline-block;
	margin: 0;
	outline: medium none;
	padding: 0.5em;
 /*border-radius: 4px;*/
}

.text.radius {
}

input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable {
	float: none;
	margin-left: 0;
}

input:focus, textarea:focus {
	border-color: rgba(82, 168, 236, 0.8);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
	outline: 0 none;
}

fieldset {
	padding: 20px;
	border: #ccc solid 1px;
}

label {
	display: block;
	font-size: 14px;
	margin: 10px 0 0 0;
}


/*网站整体颜色总汇*/
.ff8600,ff86aa a {
	color: #ff8600;
}

/*网站整字体大小*/
.font14px {
	font-size: 14px;
}

.font9pt {
	font-size: 9pt;
}

/*自定义字体*/
@font-face {
	font-family: danley;  src: url('../font/danley.ttf');
}

.danley {
	font-family: danley;
}

@font-face {
	font-family: cutter;  src: url('../font/quick.ttf');
}

.cutter {
	font-family: cutter;
}


/*网站整布局命名规范*/
 
/*外部链接*/
a[rel=external] {
	background: url(../imgs/external.png) no-repeat right center;
	padding: 0 12px 0 0;
}
 
 /*格子系统*/
 
.row {
	height: auto;
	overflow: hidden;
	clear: both;
	margin-left: -20px;
	
}

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 ,.co77 ,.aside, .main {
	display: inline;
	float: left;
	margin-left: 10px;
	/*margin-right: 10px;*/
	min-height: 1px;
}
 
/* 第一个元素 */.alpha {
	margin-left: 0;
} /* 最后一个元素 */.omega {
	margin-right: 0;
}

.wrapper {
	width: 1000px;
	/* height: ;  */
	margin:0 auto;
	/* padding: ;  */
	/*background:url(../imgs/grid.png) repeat;*/ 
	clear:both;
	height: auto;
	overflow: hidden;
	margin-top: 20px;
 /*解决ie8居中的问题*/ /*position:relative; left:50%; margin-left:-480px;*/
	position: relative;
}

.co77{
    width:200px;
}
.col1 {
	width: 65px;
}

.col2, .aside {
	width: 20%;
}

.col3 {
	width: 235px;
}

.col4 {
	width: 320px;
}

.col5 {
	width: 405px;
}

.col6 {
	width:420px;
}

.col7 {
	width: 575px;
}

.col8 {
	width: 660px;
}

.col9 {
	width: 745px;
}

.col10, .main {
	width: 830px;
}

.col11 {
	width: 915px;
}

.col12 {
	width: 1000px;
}
.co20 {
	width: 100%
}


@media (min-width: 1250px) and (max-width: 1440px) {
	.co77{
		width:220px;
	}
	.wrapper {
		width: 1180px;
	}

	.col1 {
		width: 80px;
	}

	.col2, .aside {
		width: 180px;
	}

	.col3 {
		width: 280px;
	}

	.col4 {
		width: 380px;
	}

	.col5 {
		width: 480px;
	}

	.col6 {
		width: 580px;
	}

	.col7 {
		width: 680px;
	}

	.col8 {
		width: 780px;
	}

	.col9 {
		width: 880px;
	}

	.col10, .main {
		width: 980px;
	}

	.col11 {
		width: 1080px;
	}

	.col12 {
		width: 1180px;
	}
}

.w1200 .wrapper {
	width: 1180px;
}

.w1200 .col1 {
	width: 80px;
}

.w1200 .col2, .w1200 .aside {
	width: 180px;
}

.w1200 .col3 {
	width: 280px;
}

.w1200 .col4 {
	width: 380px;
}

.w1200 .col5 {
	width: 480px;
}

.w1200 .col6 {
	width: 580px;
}

.w1200 .col7 {
	width: 680px;
}

.w1200 .col8 {
	width: 780px;
}

.w1200 .col9 {
	width: 880px;
}

.w1200 .col10, .w1200 .main {
	width: 980px;
}

.w1200 .col11 {
	width: 1080px;
}

.w1200 .col12 {
	width: 1180px;
}



@media (min-width: 980px) and (max-width: 1300px) {
	.co77{
		width:190px;
	}

	.wrapper {
		width: 940px;
	}

	.col1 {
		width: 60px;
	}

	.col2, .aside {
		width: 140px;
	}

	.col3 {
		width: 220px;
	}

	.col4 {
		width: 300px;
	}

	.col5 {
		width: 380px;
	}

	.col6 {
		width: 460px;
	}

	.col7 {
		width: 540px;
	}

	.col8 {
		width: 620px;
	}

	.col9 {
		width: 700px;
	}

	.col10, .main {
		width: 780px;
	}

	.col11 {
		width: 860px;
	}

	.col12 {
		width: 940px;
	}
}

.w960 .wrapper {
	width: 940px;
}

.w960 .col1 {
	width: 60px;
}

.w960 .col2, .w960 .aside {
	width: 140px;
}

.w960 .col3 {
	width: 220px;
}

.w960 .col4 {
	width: 300px;
}

.w960 .col5 {
	width: 380px;
}

.w960 .col6 {
	width: 460px;
}

.w960 .col7 {
	width: 540px;
}

.w960 .col8 {
	width: 620px;
}

.w960 .col9 {
	width: 700px;
}

.w960 .col10, .w960 .main {
	width: 780px;
}

.w960 .col11 {
	width: 860px;
}

.w960 .col12 {
	width: 940px;
}
@media (min-width: 768px) and (max-width: 1000px) {
	.co77 {
		width:180px;
	}
	.wrapper {
		width: 748px;
	}

	.col1 {
		width: 44px;
	}

	.col2, .aside {
		width: 108px;
	}

	.col3 {
		width: 172px;
	}

	.col4 {
		width: 236px;
	}

	.col5 {
		width: 300px;
	}

	.col6 {
		width: 364px;
	}

	.col7 {
		width: 428px;
	}

	.col8 {
		width: 492px;
	}

	.col9 {
		width: 556px;
	}

	.col10, .main {
		width: 620px;
	}

	.col11 {
		width: 684px;
	}

	.col12 {
		width: 748px;
	}
}
@media (min-width: 0px) and (max-width: 768px) {

	.wrapper {
		width: auto;
		padding: 0 20px;
		position: static;
		margin: 0 20px;
	}

	.row {
		margin: 0;
	}

	.col1, .col2, .aside, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .main, .col11, .col12, .co77 {
		width: 100%;
		margin: 0;
	}
}

.w768 .wrapper {
	width: auto;
	padding: 0 20px;
	position: static;
	margin: 0 20px;
}

.w768 .row {
	margin: 0;
}

.w768 .col1, .w768 .col2, .w768 .aside, .w768 .col3, .w768 .col4, .w768 .col5, .w768 .col6, .w768 .col7, .w768 .col8, .w768 .col9, .w768 .col10, .w768 .main, .w768 .col11, .w768 .col12 ,.co77{
	width: 100%;
	margin: 0;
}




@media only screen and (device-width 768px) {
  
   /*For general iPad layouts*/
}

@media only screen and (min-device-width 481px) and (max-device-width 1024px) and (orientationportrait) {
  
   /*For portrait layouts only */
}

@media only screen and (min-device-width 481px) and (max-device-width 1024px) and (orientationlandscape) {
  
   /*For landscape layouts only*/
} 


   /*百分比格子系统( 若想兼容ie6不建议使用)*/
	/*.percent .wrapper{ width:118% !important;}*/
.percent {
 /*margin:0 20px;*/
	margin: 0;
}

.wrapper.percent {
	margin: 0 auto;
}

.percent .row {
	margin-left: -1%;
	width: 105%;
	_width: 101%;
}

.percent .co77,.percent .col1, .percent .col2, .percent .col3, .percent .col4, .percent .col5, .percent .col6, .percent .col7, .percent .col8, .percent .col9, .percent .col10, .percent .col11, .percent .col12, .percent .aside, .percent .main {
	margin-left: 1% !important;
}
.percent .co77{
	width: 10% !important;
}
.percent .col1 {
	width: 7% !important;
}

.percent .col2, .percent .aside {
	width: 15% !important;
}

.percent .col3 {
	width: 23%!important;
}

.percent .col4 {
	width: 31% !important;
}

.percent .col5 {
	width: 39% !important;
}

.percent .col6 {
	width: 47%!important;
}

.percent .col7 {
	width: 55% !important;
}

.percent .col8 {
	width: 63% !important;
}

.percent .col9 {
	width: 71%!important;
}

.percent .col10, .percent .main {
	width: 79% !important;
}

.percent .col11 {
	width: 87% !important;
}

.percent .col12 {
	width: 95% !important;
}



/* 网站外围阴影 */
.shardow {
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
 /*color:#999; */
	font-size: 80%;
}

* small {
	margin-left: 10px;
}

h1 {
	*margin: 25px 0;
	font-size: 26px;
	line-height: 1em;
}

h1 small {
	font-size: 20px;
}

h2 {
	font-size: 20px;
}
/*全局样式*/
.naver,
.naver .droper {
	z-index: 99;
}

.naver .module a, .naver .sub a, .naver .brand a {
	border-color: #ccc !important;
}

.naver,
.naver .module a, .naver .sub a, .naver .brand a {
	height: 80px;
	line-height: 80px;
}

.naver .droper {
	top: 50px;
}
/*结构*/
.naver {
	padding: 0 20px;
 /*box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);*/
	position: relative;
	z-index: 99;
 /*border-bottom:#eee solid 1px;*/
	color: #fff;
}

.naver.unstyled {
	background: none;
}

.naver.unstyled a {
	color: #333 !important;
	border-right: 0 !important;
}

.naver.unstyled a:hover, .naver.unstyled a.selected {
	background: none !important;
}

.naver.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	_position: absolute;
	_top: expression(documentElement.scrollTop + "px");
	z-index: 999;
	opacity: 0.8;
}

.naver .wrapper {
	overflow: visible;
	margin-top: 0;
	position: static;
}

.naver .module ul {
	margin-left: 0;
}

.naver .module a, .naver .sub a {
	color: #333;
	font-size: 16px;
	padding: 0px 20px;
	position: relative;
	white-space: nowrap;
	display: inline-block;
	*display: inline;
	/*_border-color:tomato; _filter:chroma(color=tomato);*/ /*ie6下边框透明解决方案,存在bug，导致ie6文字描边，暂时屏蔽*/
}

@media (min-width: 768px) and (max-width: 1250px) {
	.naver .module a, .naver .sub a, .naver .brand a {
		padding: 0 15px;
	}
}

.naver .module a:hover, .naver .sub a:hover, .naver .brand a:hover,
.naver li.selected a {
	text-decoration: none;
	color: #32a5e7;
}

.naver .module a.selected, .naver .sub a.selected {
}

.naver .module {
	margin: 0 10px 0 0px;
	margin-left: 80px;
	float: left;
	display: inline;
}

.naver ul {
	display: inline-block;
	*display: inline;
}

.naver li {
	display: inline-block;
	*display: inline;
}

.naver .search {
	float: left;
	display: inline;
	_background: none;
	overflow: hidden;
	line-height: 1em;
	margin-top: 8px;
}

.naver .search .text {
	float: left;
	display: inline;
}

.naver .search .button {
	float: left;
	display: inline;
}

.naver .sub {
	float: right;
	display: inline;
}

.naver .brand {
	float: left;
	display: inline;
	width: 90px;
}

.naver .brand a {
	font-size: 25px;
	padding-left: 0 !important;
	border-right: 0;
	font-weight: bold;
	padding-left: 0;
	padding-right: 10px;
	display: block !important;
}

.naver .brand a:hover {
	background: none;
}
 
/*二级菜单*/
.naver ul ul {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 1000;
	margin: 0;
	display: none;
	top: 80px;
	background: rgba(255,255,255,0.8);
	text-align: center;
}

.naver ul li.selected ul {
	display: block;
}

.naver .sub .droper {
	left: auto;
	right: 0;
}

.naver ul ul li {
	float: none;
	display: inline;
	line-height: 50px !important;
}

.naver ul ul li a {
	display: inline !important;
	color: #333 !important;
	line-height: inherit !important;
}

.naver ul ul li.selected a {
	color: red !important;
}

.naver ul ul a {
	background: none;
	float: none;
	font-size: 13px;
	text-align: left;
	white-space: nowrap;
/*设置不折行*/
	text-overflow: ellipsis;
/*这就是省略号喽*/
	-o-text-overflow: ellipsis;
/*兼容opera*/
	overflow: hidden;
	border: none;
}

.naver .droper a:hover {
}

.naver .selected .droper {
	display: block;
}

.naver .caret {
	border: #333 solid 4px;
	border-top: #999 solid 4px;
	margin: 25px 0 0 5px;
	content: "";
	display: inline-block;
	height: 0;
	vertical-align: top;
	width: 0;
}

.naver .selected .caret {
	border-top-color: #222;
	border-bottom-color: #999;
	margin-top: 20px;
}

/*三级菜单*/
.naver ul li ul li ul {
	left: 150px !important;
	top: 0 !important;
}

.naver ul li ul li.selected ul li a {
	background: #333 !important;
}

.naver ul li ul li ul li.selected a {
	background: #222 !important;
}
/*四级菜单*/
.naver ul li ul li ul li.selected ul li a {
	background: #333 !important;
}

.naver ul li ul li ul li ul li.selected a {
	background: #222 !important;
}

.naver .button,
.naver .button:hover {
	position: relative;
	padding: 0 20px !important;
	height: 30px !important;
	line-height: 30px !important;
	background: #639c8f !important;
	color: #fff !important;
	display: inline-block !important;
	_top: 10px;
}

/*为移动设备设计的菜单展开按钮*/
.naver .collapse {
	padding: 6px 12px 10px 12px;
	background: #444444;
	color: #fff;
	display: none;
	position: absolute;
	right: 5px;
	top: 10px;
}

.naver .collapse span {
	border-radius: 1px 1px 1px 1px;
	display: block;
	height: 2px;
	width: 22px;
	background: #fff;
	margin-top: 4px;
}

@media (min-width: 10px) and (max-width: 940px) {
	.naver {
		position: relative;
		padding: 0;
		padding-left: 20px;
		border-bottom: #ccc solid 1px;
	}

	.naver .wrapper {
		padding: 0;
		margin: 0;
	}

	.naver .collapse {
		display: block;
	}

	.naver,
	.naver .brand, 
	.naver .module, .naver ul, .naver li,
	.naver .sub, .naver .sub a {
		display: block;
		float: none;
		text-align: left;
	}

	.naver ul, .naver li a {
		border-right: none !important;
	}

	.naver .module, .naver .search, .naver .sub {
		display: none;
	}

	.naver .module {
		position: absolute;
		left: 0;
		top: 60px;
		right: 0;
	}

	.naver .module li {
		border-top: #ccc solid 1px;
	}

	.naver .module a {
		display: block;
		line-height: 45px;
		height: 45px;
	}

	.naver.selected .module {
		display: block;
	}

	.naver .search {
		float: none;
	}

	.naver .module {
		background: #fff;
		margin-left: 0;
		margin-right: 0;
	}

	.naver .module .droper {
		display: block;
		float: none;
		position: static;
		background: none;
		width: auto;
		clear: both;
	}

	.naver .module .droper a {
		border-bottom-color: #333;
	}

	.naver .caret {
		display: none;
	}

	.naver ul ul {
		position: static;
		width: auto;
	}

	.naver ul ul a {
		border: none;
	}
}

header , .header {
	margin: 0px auto 0px auto;
	height: auto;
	overflow: hidden;
	clear: both;
}

header h1, .header h1 {
	font-size: 60px;
	line-height: 60px;
	margin: 0;
}

header h2, .header h2 {
	font-size: 20px;
	line-height: 30px;
}

.header .search {
	margin: 10px 0 0 0;
}

.header .search .text {
	padding: 9px;
}

.header .search .button {
	padding: 9px;
}

.navbar {
	margin: 0px auto 0 auto;
	background-color: #2C2C2C;
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075);
}

.navbar a {
	margin: 0 10px 0 10px;
	padding: 5px 5px;
	display: inline-block;
	color: #666;
}

.navbar a.selected {
	background: #EDF7FC;
}

.navbar a:hover {
	text-decoration: none;
	background: #F1F9FD;
}

.navbar .divider {
	margin: 5px 2px;
	border-left: #5cadd8 solid 1px;
	border-right: #fff solid 1px;
}

.phead {
	border-bottom: 1px solid #EEEEEE;
	margin: 18px 0;
	padding-bottom: 10px;
	font-size: 20px;
	line-height: 1.2em;
	font-weight: bold;
	padding-top: 20px;
	clear: both;
	position: relative;
}

.phead small {
	font-size: 12px;
	margin-left: 10px;
	font-weight: normal;
}

.phead .more {
	position: absolute;
	right: 0;
	bottom: 7px;
}

.pbody {
}

.pfoot {
}

footer, .footer {
	display: block;
/*新增的html5标签需要加入display:block,才能居中哦*/
	padding: 40px 0 30px 0;
	margin-top: 20px;
	text-align: center;
}

.footer .wrapper {
	margin-top: 0 !important;
}

.footer.black {
	background: #333;
	color: #fff;
}

footer a, .footer a {
}

footer .left, .footer .left {
	width: 60%;
}

footer .right, .footer .right {
	width: 40%;
	text-align: right;
}

table {
	background-color: transparent;
	_background: none !important;
	border-collapse: collapse;
	border-spacing: 0;
	max-width: 100%;
	font-size: 13px;
	margin-bottom: 20px;
	width: 100%;
}

table td.selected, table th.selected {
	background: #F9F9F9;
}

table th, table td {
	border-top: 1px solid #DDDDDD;
	line-height: 20px;
	padding: 4px 5px;
 /*text-align: left; vertical-align: top;*/
}

table th {
	font-weight: bold;
}

table thead th, table thead td {
	vertical-align: bottom;
	background: #DBEFF9;
}

.table-bordered {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-collapse: separate;
	border-color: #DDDDDD #DDDDDD #DDDDDD -moz-use-text-color;
	border-image: none;
	border-style: none solid solid none;
	border-width: 1px 1px 1px 0;
	padding: 0 !important;
}

.table-bordered th, .table-bordered td {
	border-left: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
}

.table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child {
}

.table-bordered {
	border: 1px solid #DDDDDD;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
	padding: 5px;
	border-radius: 2px;
}

.table-bordered:hover {
	border-color: #bbb;
}

/*公共边框*/
.bordered {
	border: 1px solid #DDDDDD;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
	padding: 5px;
	border-radius: 2px;
}

.bordered:hover {
	border-color: #bbb;
}

/*斑马条纹*/
.table-zebra {
}

.table-zebra tr:nth-child(odd) {
}

.table-zebra tr:nth-child(even) {
	background: #F9F9F9;
}


/*css3漂浮的云*/
@-webkit-keyframes cloud {
	from {
		background-position: 600px 100%;
	}

	to {
		background-position: 0 100%;
	}
}

@-moz-keyframes cloud {
	from {
		background-position: 600px 100%;
	}

	to {
		background-position: 0 100%;
	}
}

@-ms-keyframes cloud {
	from {
		background-position: 600px 100%;
	}

	to {
		background-position: 0 100%;
	}
}

@-o-keyframes cloud {
	from {
		background-position: 600px 100%;
	}

	to {
		background-position: 0 100%;
	}
}

/*css3浮动的波浪*/
@-webkit-keyframes wave {
	from {
		background-position: 600px 100%;
	}

	to {
		background-position: 0 100%;
	}
}

@-moz-keyframes wave {
	from {
		background-position: 600px 100%;
	}

	to {
		background-position: 0 100%;
	}
}

@-ms-keyframes wave {
	from {
		background-position: 600px 100%;
	}

	to {
		background-position: 0 100%;
	}
}

@-o-keyframes wave {
	from {
		background-position: 600px 100%;
	}

	to {
		background-position: 0 100%;
	}
}

.heading {
	padding: 80px 20px 80px 20px;
	line-height: 1;
	text-align: center;
	margin-bottom: 30px;
   /*background:url(../imgs/headingbg.png) #2C6091 no-repeat center 0px; */
	font-size: 21px;
    /*color: #5A5A5A;*/
	padding: 30px 30px 40px;
	background: #f2f2f2;
  /*background: url("../imgs/wave.png") repeat-x scroll 0 bottom #639c8f;
  -webkit-animation: cloud 20s linear infinite;
  -moz-animation: cloud 20s linear infinite;
  -ms-animation: cloud 20s linear infinite;
  -o-animation: cloud 20s linear infinite;
  animation: cloud 20s linear infinite;*/
}

.heading-wave {
	animation: 20s linear 0s normal none infinite wave;
	background: url("../imgs/wave.png") repeat-x scroll 0 bottom #049EC4;
}

.heading-unstyled {
	background: none;
	color: #333;
	border-bottom: #eee solid 1px;
}

.heading .wrapper {
	left: auto;
	margin-left: auto;
}

.heading h1 {
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 20px;
}

.heading h2 {
	line-height: 150%;
	font-size: 18px;
}

.heading h4 {
	font-size: 14px;
	color: #dcfff7;
}

.heading a {
}

.heading p {
	font-weight: 300;
	line-height: 1.5;
}

.marketing, .support, .feature {
}

.marketing h1, .support h1, .feature h1 {
	text-align: center;
	font-size: 40px;
	line-height: 40px;
}

.marketing h1 small, .support h1 small, .feature h1 small {
	display: block;
	font-size: 20px;
}

.sidebar {
	list-style: none;
	padding-bottom: 1px;
	margin-left: 0 !important;
}

.sidebar li {
	border: 1px solid #E5E5E5;
	display: block;
	margin: 0 0 -1px;
	font-size: 14px;
	background: #f5f5f5;
}

.sidebar li a {
	padding: 8px 14px;
	display: block;
}

.sidebar li.selected {
	cursor: default;
	color: #999;
	background: #03a9f4;
}

.sidebar li.selected a {
	color: #fff;
}

.sidebar li.selected a:hover {
	text-decoration: none;
}

.sidebar li ul {
	margin-left: 0;
}
/*二级菜单*/
.sidebar li ul li {
	border-left: none;
	border-right: none;
	background: #fff;
}

.sidebar li ul li.selected {
	background: #eee;
}

.sidebar li ul li a {
	color: #333 !important;
}

/*新版，dl更适用，工作项目总结*/
dl.sidebar {
	list-style: none;
	padding-bottom: 1px;
	margin: 0;
}

.sidebar dd {
	border: 1px solid #E5E5E5;
	display: block;
	margin: 0 0 -1px;
	padding: 8px 14px;
}

.sidebar dd:hover {
	background: #eee;
}

.sidebar dd.selected {
	cursor: default;
	color: #999;
}

.sidebar dd.selected a:hover {
	text-decoration: none;
}

/*粘贴*/
.sidebar.affixed {
	position: fixed;
	top: 20px;
}

@media (min-width: 10px) and (max-width: 940px) {
	.sidebar {
		display: none;
	}
}

.pager {
	padding-top: 5px;
}

.pager a {
	padding: 4px 10px;
	border: 1px solid #ddd;
	background: #fff;
}

.pager a:hover {
	background: none repeat scroll 0 0 #0099FF;
	border-color: #0099FF;
	color: #FFFFFF;
}

.pager a.selected {
	background: none;
	border: none;
}

.pager.unstyled a {
	border: none;
}

.pager.unstyled a:hover, .pager.unstyled a.selected {
	background: none;
	color: #333;
}

.alert {
	background-color: #D9EDF7;
	border-color: #BCE8F1;
	color: #3A87AD;
	padding: 10px;
}

.alert.error {
	background-color: #F2DEDE !important;
	border-color: #EED3D7;
	color: #B94A48;
}

.alert.success {
	background-color: #DFF0D8 !important;
	border-color: #D6E9C6;
	color: #468847;
}

.footbar {
	background: #;
	margin: 50px 0 0 0;
	border-top: #EAEAEA solid 1px;
}

.footbar .head {
	background: #;
	padding: 5px;
	text-align: center;
}

.footbar .body {
	padding: 20px 0;
}

.footbar .col3 {
 /*width:180px; display: inline; float: left; margin-left: 20px; padding:0 0 0 20px;*/
}
/*写法不兼容ie6,ie7*/
.footbar .col3 + .col3 {
 /*border-left: 1px solid #DDDDDD; */
}
/*hack*/

.footbar dl {
	margin: 20px 0 0 0;
	line-height: 2em;
}


/*美版风格*/
.usa ul, .usa ol {
	font-size: 11px;
}

.hero {
	background: #eee;
	padding: 30px 60px;
}

.hero h1 {
	font-size: 54px;
}


/*幻灯片*/
.slider {
	background: #44BDFD;
	clear: both;
	position: relative;
	height: 300px;
	padding-top: 60px;
	background: url(../imgs/loading.gif) #eee no-repeat center center;
}

.slider-wrap {
	margin-top: 0 !important;
}

.slider-prev, .slider-next {
	font-size: 100px;
	position: absolute;
	left: 0;
	top: 130px;
 /*background: #DBEFF9;*/
	padding: 30px 10px;
	color: #fff;
	cursor: pointer;
	font-family: sans-serif;
	background: none repeat scroll 0 0 #222222;
	opacity: 0.2;
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

.slider-prev:hover, .slider-next:hover {
	opacity: 0.5;
}

.slider-next {
	right: 0;
	left: auto;
}

.slider-list li {
	text-align: center;
	line-height: 1;
	display: none;
	position: relative;
	
}

.slider-list li.selected {
}

.slider h1 {
	font-size: 30px;
	margin-bottom: 20px;
	font-weight: bold;
}

.slider h2 {
	line-height: 1.5;
}

.slider-list li .button {
	padding: 15px 20px;
}

.slider-number {
}

.rotate:hover {
	transform: rotate(360deg);
	transition: all 1s ease-out 0s;
}


/*选项卡*/
.taber {
}

.taber .head {
	border-left: 1px solid #E5E5E5;
	height: 30px;
}

.taber .head a {
	border: 1px solid #E5E5E5;
	float: left;
	display: inline;
	padding: 0px 20px;
	border-left: none;
	height: 30px;
	line-height: 30px;
}

.taber .head a.selected {
	border-bottom: none;
}

.taber .body {
	clear: both;
	padding: 10px;
}

.tooltip {
	padding: 4px;
	background: #000;
	position: absolute;
	z-index: 1001;
	color: #fff;
	font-size: 12px;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
/** Firefox 3.5即将原生支持opacity属性，所以本条属性只在Firefox3以下版本有效 ***/
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.tooltip .arrow {
	width: 0;
	height: 0;
	border-top: 0px;
	border-bottom: 5px solid #000;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	position: absolute;
	top: -4px;
	*top: -30px;
	left: 8px;
}

.spring {
	background: #f6e5e5;
	color: #de0000;
	position: relative;
	z-index: 99;
	font-size: 16px;
	line-height: 1.5em;
}

.spring .wrapper {
	margin-top: 0;
	padding: 17px 0;
	position: relative;
}

.spring del {
	cursor: pointer;
	text-decoration: none;
	color: #de0000;
	font-size: 18px;
	font-weight: bold;
	border: #de0000 solid 2px;
	border-radius: 100px;
	width: 16px;
	height: 16px;
	line-height: 16px;
	display: block;
	text-align: center;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -8px;
}

.spring-text {
	padding-right: 30px;
}

/*仿苹果时间样式*/
.label.time {
	background: #666;
	color: #fff;
	padding: 2px 5px;
	margin: 0 2px 0 2px;
	position: relative;
}

.label.time:before {
	position: absolute;
	width: 100%;
	height: 1px;
	background: #fff;
	content: "";
	left: 0;
	top: 50%;
}

/*弹窗*/
.dialog {
	width: 600px;
	height: auto;
	overflow: hidden;
	position: fixed;
	_position: absolute;
	left: 50%;
	margin-left: -300px;
	top: 50%;
	margin-top: -200px;
	border: #333 solid 1px;
	background: #fff;
	z-index: 999;
	display: none;
}

.dialog del {
	display: block;
	position: absolute;
	right: 20px;
	top: 20px;
	width: 20px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 30px;
	text-shadow: 0 1px 0 #FFFFFF;
	cursor: pointer;
	color: #ccc;
}

.dialog-head {
	border-bottom: #eee solid 1px;
	padding: 20px;
	font-size: 20px;
	position: relative;
}

.dialog-body {
	padding: 20px;
}

.dialog-foot {
	background: #f5f5f5;
	padding: 10px;
	border-top: 1px solid #DDDDDD;
	box-shadow: 0 1px 0 #FFFFFF inset;
	text-align: right;
}

.popover {
	PADDING-RIGHT: 20px;
	PADDING-LEFT: 20px;
	Z-INDEX: 100;
	PADDING-BOTTOM: 20px;
	WIDTH: 300px;
	PADDING-TOP: 20px;
	POSITION: absolute;
	background: #fff;
	border: 2px solid #333;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.popover:before {
	border-bottom: 7px solid #333;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	content: "";
	display: inline-block;
	left: 9px;
	position: absolute;
	top: -7px;
}

@-webkit-keyframes bar_ {
	from {
		background-position: 40px 0;
	}

	to {
		background-position: 0 0;
	}
}

@-moz-keyframes bar_ {
	from {
		background-position: 40px 0;
	}

	to {
		background-position: 0 0;
	}
}

@-ms-keyframes bar_ {
	from {
		background-position: 40px 0;
	}

	to {
		background-position: 0 0;
	}
}

@-o-keyframes bar_ {
	from {
		background-position: 0 0;
	}

	to {
		background-position: 40px 0;
	}
}

@keyframes bar_ {
	from {
		background-position: 40px 0;
	}

	to {
		background-position: 0 0;
	}
}

.progress {
	background-color: #F7F7F7;
	background-repeat: repeat-x;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
	height: 20px;
	margin-bottom: 20px;
	overflow: hidden;
}

.progress .bar {
	-moz-box-sizing: border-box;
	background-color: #0E90D2;
	background-repeat: repeat-x;
	box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
	color: #FFFFFF;
	float: left;
	font-size: 12px;
	height: 100%;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	transition: width 0.6s ease 0s;
	width: 0;
}

.progress.striped .bar {
	background-color: #149BDF;
	background-size: 40px 40px;
}
/*css3滚动效果*/
.progress.active .bar {
	animation: 2s linear 0s normal none infinite bar_;
}

.progress.success .bar {
	background-color: #5EB95E;
	background-repeat: repeat-x;
}

.progress.warning .bar {
	background-color: #FAA732;
	background-repeat: repeat-x;
}

.progress.danger .bar {
	background-color: #DD514C;
	background-repeat: repeat-x;
}

/*分割线*/
.partbar {
	background: #244668;
	padding: 10px 0;
	color: #fff;
	text-align: center;
	position: relative;
}

.partbar .arrow {
	border-top: #244668 solid 10px;
	border-left: #fff solid 10px;
	border-right: #fff solid 10px;
	position: absolute;
	bottom: -10px;
	width: 0;
	height: 0;
	left: 50%;
}

 
	
/*广告*/
.banner {
}

.banner .wrapper {
	margin-top: 0 !important;
}

.banner img {
	float: left;
	display: inline;
}

/*页面主体*/
.pagebody {
	width: 100%;
	height: auto;
	overflow: hidden;
	border: #CCC solid 1px;
	clear: both;
}

.leftpage, .mainpage, .rightpage {
	float: left;
	margin-right: 10px;
	background: #fff;
}

/*页面左侧*/.leftpage {
} /*页面右侧*/.mainpage {
} /* 页面右侧 */.rightpage {
} /* 列表模型 */.list {
} /*侧栏*/.column {
} /*登录条*/
.loginbar {
} /*热点*/.hot {
} /*新闻*/.news {
} /*下载*/.download {
} /*子导航*/.subnav {
} /*菜单*/.menu {
} /*子菜单*/.submenu {
} /*搜索*/.search {
} 

/*友情链接*/.friendlink {
} /*版权*/.copyright {
} /*滚动*/.scroll {
} /*内容*/.content {
} /*标签页*/.tab {
} /*文章列表*/.list {
} /*提示信息*/.msg {
} /*小技巧*/.tips {
} /*栏目标题*/.title {
} /*加入*/.joinus {
} /*指南*/.guild {
} /*服务*/.service {
} /*注册*/.regsiter {
} /*状态*/.status {
} /*投票*/.vote {
} /*合作伙伴*/.partner {
}

@-webkit-keyframes animate-qq {
	from {
		margin-top: 10px;
	}

	50% {
		margin-top: 0;
	}

	to {
		margin-top: 10px;
	}
}

@-moz-keyframes animate-qq {
	from {
		margin-top: 10px;
	}

	50% {
		margin-top: 0;
	}

	to {
		margin-top: 10px;
	}
}

@-ms-keyframes animate-qq {
	from {
		margin-top: 10px;
	}

	50% {
		margin-top: 0;
	}

	to {
		margin-top: 10px;
	}
}

@-o-keyframes animate-qq {
	from {
		margin-top: 10px;
	}

	50% {
		margin-top: 0;
	}

	to {
		margin-top: 10px;
	}
}

.animate-qq-key from {
	margin-top: 10px;
}

.animate-qq-key 50% {
	margin-top: 0;
}

.animate-qq-key to {
	margin-top: 10px;
}

.qq {
	background: url(../imgs/qq.png) no-repeat;
	width: 144px;
	height: 153px;
	position: absolute;
	display: block;
	right: 5%;
	top: 150px;
 /*调用css3动画*/
	-webkit-animation: animate-qq 3s ease-in-out infinite;
	-moz-animation: animate-qq 3s ease-in-out infinite;
	-ms-animation: animate-qq 3s ease-in-out infinite;
	-o-animation: animate-qq 3s ease-in-out infinite;
	animation: animate-qq 3s ease-in-out infinite;
}

/*Slicy卡通形象*/
.cartoon {
	background: url(../imgs/cartoon.png) no-repeat;
	width: 302px;
	height: 172px;
	position: absolute;
	top: 350px;
	left: 5%;
}

/*百叶窗*/
.shutter {
	margin: 0 auto;
	max-width: 1600px;
	overflow: hidden;
	position: relative;
	background: #f2f2f2;
}

.shutter .item {
	background: url(../imgs/shutter.jpg) no-repeat;
}

.shutter .text {
	background: none repeat scroll 0 0 #E23300;
	color: #FFFFFF;
	font-size: 0.8em;
	padding: 1.4em 25px;
	width: 23.4375em;
	top: 5%;
	pointer-events: none;
	position: absolute;
	width: 26em;
}

.shutter .text h3 {
	font-size: 1.9em;
}

.shutter .media {
	padding-bottom: 30%;
}

.shutter .status {
	text-align: right;
	font-size: 30px;
	text-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 100%;
}


/*分享栏*/
.sharebar {
	color: #fff;
	font-size: 16px;
}

.sharebar h2 {
	font-size: 38px;
}

.sharebar .highlight {
}

.sharebar .highlight a {
	padding: 1.75em;
	border: 1px solid transparent;
	background: #10537B;
	display: block;
	color: #fff;
}

.sharebar .highlight a:hover {
	background: #10537B;
}

.sharebar .highlight h3 {
	font-size: 24px;
}

.sharebar .highlight img {
	float: left;
	margin-right: 24px;
}

/*二维码*/
/*.qrcode{
	position:fixed; bottom:30%; right:5px; width:100px; padding:10px; background:#EBEBEB;
}
.qrcode:hover{ background:#D5DFE8;}
.qrcode img{
	max-width:100%;
}*/

.current {
	border: 1px solid #E5E5E5;
	padding: 5px 10px;
	clear: both;
	height: auto;
	overflow: hidden;
	text-align: right;
	position: relative;
}

.current dt {
	position: absolute;
	left: 10px;
	top: 5px;
}

.current dd {
	display: inline;
}

.current.unstyled {
	border: none;
	padding: 0;
}

.label {
	background-color: #999999;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
	padding: 3px 4px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	vertical-align: middle;
	white-space: nowrap;
}

.label.success {
	background-color: #468847;
}

.label.warning {
	background-color: #F89406;
}

.label.error {
	background-color: #B94A48;
}

.well {
	background-color: #F5F5F5;
	border: 1px solid rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
	margin-bottom: 20px;
	min-height: 20px;
	padding: 19px;
}

.well .wrapper {
	margin-top: 0 !important;
}

.page{
}

.page.gray {
	background: #EDEDEB;
}

.page.black {
	background: #454D50;
}

.page.red {
	background: #EE3728;
	color: #8C2018;
}

.page.red a {
	color: #fff;
}
	
	/*一般用在BANNER图下的内容条*/
.purchase {
	box-shadow: 0 0 4px #EEEEEE inset;
	padding: 30px 0 20px;
	background: #FEFEFE;
}

.purchase .wrapper {
	margin-top: 0 !important;
}
	
	
	/*时间轴*/
.timeline {
	list-style-type: none;
	padding: 30px 0 50px;
	position: relative;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJUlEQVQIW2NkQAP/gYARWQwkAOLDBeECjEAAkkEWAKtEFwAJAgAZEBP+oM1IkwAAAABJRU5ErkJggg==") repeat-y scroll 165px 0 #eee;
}

.timeline ul {
	list-style-type: none;
	margin-left: 0;
}

.timeline .event {
	margin-bottom: 80px;
	padding-right: 40px;
	position: relative;
}

.timeline .thumb {
	background-repeat: no-repeat;
	border-radius: 50% 50% 50% 50%;
	border: solid 4px #ddd;
	box-shadow: 0 1px 1px rgba(200, 200, 200, 0.5);
	height: 100px;
	position: absolute;
	transform: scale(0.8) translateX(24px);
	width: 100px;
	left: 0;
	*left: 20px;
	top: 0;
}

.timeline .thumb span {
	bottom: -40px;
	color: #999;
	font-size: 15px;
	font-weight: 700;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
	left: 0;
}

.timeline .inner {
	margin-left: 230px;
	perspective: 600px;
	position: relative;
	border-color: #F26328;
 /*box-shadow: 10px 0 10px -6px rgba(0, 0, 0, 0.1);*/
	background: #fff;
	padding: 20px;
	text-align: left;
}

.timeline .inner:before {
	border-bottom: 20px solid transparent;
	border-top: 20px solid transparent;
	border-right: 20px solid #fff;
	content: "";
	display: inline-block;
	top: 37px;
	position: absolute;
	left: -20px;
}

.timeline label {
	display: block;
	height: 24px;
	left: 152px;
	position: absolute;
	top: 36px;
	width: 24px;
	background: none repeat scroll 0 0 #fff;
	border-radius: 50% 50% 50% 50%;
	color: #41838E;
	font-size: 26px;
	border: #ddd solid 4px;
}

.timeline .event:hover label {
	border: #ccc solid 4px;
}

/*单行滚动*/
.singlerolling {
	height: 22px;
	overflow: hidden;
	line-height: 22px;
}

/*报头*/
.masthead {
	position: relative;
	margin-bottom: 20px;
	padding: 30px 15px;
	text-align: center;
}

.masthead h1 {
	font-size: 100px;
	line-height: 1;
}

.masthead p {
	font-size: 30px;
	margin-left: 10%;
	margin-right: 10%;
	font-size: 21px;
	font-weight: 200;
	line-height: 1.4;
	margin-bottom: 20px;
}

.masthead .social {
	margin-top: 80px;
	color: #999999;
}

.lead {
	font-size: 16px;
	font-weight: 200;
	line-height: 1.4;
	margin-bottom: 20px;
}

.intro {
}

/*圆形*/
.rounder {
	/*transform: scale(0.8) translateX(24px);*/
	border-radius: 50% 50% 50% 50%;
	border: solid 4px #ddd;
	box-shadow: 0 1px 1px rgba(200, 200, 200, 0.5);
}

.loading {
	background: url(../imgs/loading.gif) no-repeat center center;
}

/*扩大*/
.expand {
}

.postfix.button {
	line-height: 2.125em;
	padding: 0;
	text-align: center;
}


/*后缀*/
.postfix {
}

.prefix, .postfix {
	border-style: solid;
	border-width: 1px;
	display: block;
	font-size: 0.875em;
	height: 2.3125em;
	line-height: 2.3125em;
	overflow: hidden;
	padding-bottom: 0;
	padding-top: 0;
	position: relative;
	text-align: center;
	width: 100%;
	z-index: 2;
}
/*标注*/
.callout {
}

.well.callout {
	background: none repeat scroll 0 0 #2BA6CB;
	border-color: #2284A1;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	margin-bottom: 1.25em;
	padding: 1.25em;
}


/*浮动菜单*/
.absbar {
	position: fixed;
	_position: absolute;
	bottom: 20px;
	right: 20px;
	z-index: 99;
	width: 50px;
}

.absbar ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.absbar li {
	position: relative;
	margin: 3px 0 0 0;
	height: 50px;
	line-height: 50px;
	text-align: center;
	padding: 0;
}

.absbar li a {
	display: block;
	color: #fff;
	background: #79c4b3;
	position: relative;
	z-index: 9;
}

.absbar li .toggle {
	width: 50px;
	height: 50px;
	background: #eee;
	display: block;
	cursor: pointer;
	line-height: 50px;
	text-align: center;
}

.absbar .droper {
	position: absolute;
	right: 60px;
	top: 0;
	background: #eee;
	padding: 20px;
}
 /*二级*/
.absbar ul ul {
	position: absolute;
	bottom: 50px;
	left: 0;
	width: 100%;
	z-index: 3;
	display: none;
}

.absbar ul ul li {
	margin-top: 0px;
	border-bottom: #67a093 solid 1px;
}

.absbar ul ul li a {
	background: #70b0a1;
}

.absbar ul ul li .qrcode {
	width: 110px;
	padding: 10px;
	position: absolute;
	right: 60px;
	top: 50%;
	margin-top: -50px;
	background: #8dddcb;
	font-size: 12px;
	line-height: 22px;
	display: none;
}
/*选中*/
.absbar ul li.selected ul {
	display: block;
}

.absbar ul ul li.selected .qrcode {
	display: block;
}
 
 



/*按钮*/
.button {
	display: inline-block;
	zoom: 1;
 /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	line-height: 100%;
	border: none;
 /* gray */
	color: #999;
	background: #E6E6E6;
	border-radius: 4px;
	padding: 0.5em 1.5em;
}

.button:hover {
	text-decoration: none;
}

.button:active {
	position: relative;
	top: 1px;
 /* white */
	color: #999;
}
/*反向*/
.button-inverse {
	background: none;
	color: #fff;
	border: #fff solid 1px;
}

.button-inverse:hover,
.button-inverse-selected {
	background: #fff !important;
	color: #666 !important;
}

.button-little {
	font-size: 9px;
	padding: .2em 1em .275em;
}

.button-small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

.button-medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}

.button-large {
	font-size: 150%；
}

.button-xlarge {
	font-size: 200%;
}

.button.unstyled {
	background: none;
	border: 1px solid rgba(255, 255, 255, 0.5);
}

a:hover.button.unstyled {
	background: border: 1px solid rgba(255, 255, 255, 0.1);
}
/*expand扩大*/
button.expand, .button.expand {
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}

.button-outline {
	background-color: transparent;
	border: #666 solid 1px;
	color: #666;
}

.button-outline:hover {
	background: #666;
	color: #fff;
}

/*颜色*/
.text-red {
	color: #e33;
}

.text-yellow {
	color: #f60;
}

.text-blue {
	color: #0ae;
}

.text-green {
	color: #2c7;
}
/*左右*/
.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}
/*左右对齐*/
.text-justify {
	text-align: justify;
}

.bg-black {
	background: #000;
}

.bg-red {
	background: #e33;
}

.bg-yellow {
	background: #f60;
}

.bg-blue {
	background: #03a9f4;
}

.bg-green {
	background: #2c7;
}

.bg-red-light {
	background: #fee;
}

.bg-yellow-light {
	background: #ffd;
}

.bg-blue-light {
	background: #eff;
}

.bg-green-light {
	background: #efd;
}
/*反相*/
.bg-inverse {
	color: #fff;
}

.padding-small {
	padding: 10px;
}

.padding-large {
	padding: 20px;
}

.padding-xlarge {
	padding: 40px;
}

.border {
	border: #ddd solid 1px;
}

.border-red {
	border-color: #e33;
}

.border-yellow {
	border-color: #f60;
}

.border-blue {
	border-color: #0ae;
}

.border-green {
	border-color: #2c7;
}

.border-small {
	border-width: 1px;
}

.border-large {
	border-width: 2px;
}

.border-xlarge {
	border-width: 4px;
}

.pricing-tables {
	margin: 0 auto;
	width: 95%;
	height: auto;
	overflow: hidden;
	padding-top: 20px;
	padding-bottom: 20px;
}

.pricing-tables h3 {
	font-size: 24px;
}

.pricing-box {
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #ccc;
	float: left;
	margin-right: -1px;
	padding: 0 0 20px;
	text-align: center;
	width: 30%;
}

.pricing-head {
	border-bottom: 3px solid #da6a88;
	color: #000;
	font-family: Verdana,Geneva,sans-serif;
	font-size: 18px;
	height: 48px;
	width: 100%;
	padding-top: 20px;
}

.pricing-body ul {
	list-style: none outside none;
	margin: 0 0 15px !important;
	text-align: left;
}

.pricing-body ul li {
	line-height: 4em;
	list-style-type: none !important;
	margin-left: 0;
	border-bottom: #ccc solid 1px;
	text-align: center;
}

.pricing-box.large {
	margin-top: -20px;
	padding: 0 0 40px;
	position: relative;
	z-index: 9;
}

.pricing-box.large .pricing-head {
	background: #da6a88;
	color: #fff;
	font-size: 24px;
	height: 55px;
	padding-top: 30px;
}

/*计数器*/
.counter {
	font-size: 36px;
}

.counter-btns {
	position: relative;
}

.counter-btns i {
	width: 36px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 36px;
	background: #333;
	color: #fff;
	display: inline-block;
	margin: 0 1px;
}
/*line-through*/
.counter-btns-lt {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -1px;
	right: 0;
	height: 1px;
	background: #fff;
}


/*图片*/
.img-scale {
	transform: scale(1);
	transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1.5) 0s;
}

a:hover .img-scale {
	transform: scale(1.2);
}

.hide {
	display: none
}

.show {
	display: block
}



/*abs-faq*/
.abs-faq {
	position: fixed;
	right: -400px;
	top: 100px;
	border: #669988 solid 5px;
	background: #eee;
	width: 390px;
}

.faq-selected {
	right: 0;
}

.abs-faq .faq-btn {
	position: absolute;
	left: -50px;
	width: 45px;
	top: -5px;
	height: 145px;
	background: #003e79;
	background: url(../imgs/abs-faq-btn.jpg) #669988 no-repeat center;
	cursor: pointer;
}

.abs-faq ul,
.abs-faq li {
	list-style: none;
	padding: 0;
	margin: 0;
}

.abs-faq li a {
	text-decoration: underline;
}

.abs-faq li .q a {
	background: url(../imgs/abs-faq-ico.png) no-repeat left 8px;
	display: inline-block;
	padding-left: 20px;
}

.abs-faq li .a {
	background: #fff;
	border: #669988 solid 1px;
	padding: 10px;
	text-indent: 2em;
	position: relative;
	margin-top: 10px;
	display: none;
}

.abs-faq li.selected .a {
	display: block;
}

.abs-faq li .a .arrow {
	background: url(../imgs/abs-faq-arrow.png) no-repeat;
	width: 14px;
	height: 12px;
	display: block;
	position: absolute;
	left: 20px;
	top: -12px;
}

.faq-head {
	padding: 5px 15px;
	text-align: center;
	border-bottom: #003e79 solid 1px;
	margin: 0 15px;
}

.faq-head h2 {
	margin: 0;
	margin-top: 10px;
}

.faq-body {
	padding: 15px;
	height: 450px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.faq-foot {
	background: #669988;
	line-height: 35px;
	padding: 0 15px;
	color: #fff;
	padding-top: 5px;
}

.faq-close {
	background: url(../imgs/abs-faq-close.png) no-repeat;
	width: 15px;
	height: 15px;
	position: absolute;
	right: 20px;
	top: 20px;
	cursor: pointer;
}


/*imgroll*/
.imgroll {
	padding: 0 50px;
	position: relative;
}

.imgroll-prev,
.imgroll-next {
	width: 50px;
	height: 150px;
	background: #bbb;
	position: absolute;
	left: 0;
	top: 0;
	line-height: 150px;
	text-align: center;
	color: #fff;
	font-size: 32px;
	font-family: arial;
	cursor: pointer;
}

.imgroll-next {
	left: auto;
	right: 0;
}

.imgroll-list {
	overflow: hidden;
	margin: 0 10px;
}

.imgroll ul {
	height: auto;
	overflow: hidden;
	width: 9999999px;
	margin-left: 0;
}

.imgroll li {
	width: 200px;
	height: 200px;
	float: left;
	display: inline;
	margin-right: 10px;
	text-align: center
}

.imgroll li h2 {
	margin: 0;
	margin-top: 5px;
}

/*响应式*/
/*响应式导航*/
/*导航*/
.gh {
	display: block;
	height: 60px;
	outline: medium none;
	width: 60px;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	display: none;
	/*css3*/
	-webkit-transform: translateZ(0) rotate(0deg);
	-ms-transform: translateZ(0) rotate(0deg);
	transform: translateZ(0) rotate(0deg);
	-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition: transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	outline: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-tap-highlight-color: transparent;
}

.gh svg {
	font-size: 18px;
	left: 0;
	position: absolute;
	top: 0;
	/*css3*/
	-webkit-transform: translateZ(0) rotate(0deg);
	-ms-transform: translateZ(0) rotate(0deg);
	transform: translateZ(0) rotate(0deg);
	fill: #333;
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.gh rect {
	left: 0;
	top: 0;
   /*css3*/
	-webkit-transition: -webkit-transform 0.2s 0.2s;
	transition: transform 0.2s 0.2s;
}

.gh svg.top .rect {
	/*css3*/
	-webkit-transform: translate3d(0, -8px, 0);
	-ms-transform: translate3d(0, -8px, 0);
	transform: translate3d(0, -8px, 0);
}

.gh svg.bottom rect {
	/*css3*/
	-webkit-transform: translate3d(0, 8px, 0);
	-ms-transform: translate3d(0, 8px, 0);
	transform: translate3d(0, 8px, 0);
}
/***/
.selected .gh {
	-webkit-transform: translateZ(0) rotate(90deg);
	-ms-transform: translateZ(0) rotate(90deg);
	transform: translateZ(0) rotate(90deg);
	-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition: transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.selected .gh svg {
	-webkit-transition: -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	-webkit-transform: translateZ(0) rotate(45deg);
	-ms-transform: translateZ(0) rotate(45deg);
	transform: translateZ(0) rotate(45deg)
}

.selected .gh svg.bottom {
	-webkit-transform: translateZ(0) rotate(-45deg);
	-ms-transform: translateZ(0) rotate(-45deg);
	transform: translateZ(0) rotate(-45deg);
}

.selected .gh svg.top {
	-webkit-transform: translateZ(0) rotate(45deg);
	-ms-transform: translateZ(0) rotate(45deg);
	transform: translateZ(0) rotate(45deg);
}

.selected .gh .rect {
	-webkit-transition: -webkit-transform 0.2s;
	transition: transform 0.2s;
}

.selected .gh svg.top rect, 
.selected .gh svg.bottom rect {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

@media only screen and (max-width:940px) {
	.gh {
		display: block;
	}
}

@media only screen and (max-width:800px) {
	.timeline {
		background-position: 20px 0;
	}

	.timeline .event {
		padding-right: 20px;
	}

	.timeline .thumb {
		display: none;
	}

	.timeline .inner {
		margin-left: 50px;
	}

	.timeline label {
		left: 13px;
		width: 10px;
		height: 10px;
	}
}

@media only screen and (max-width:640px) {
}

@media only screen and (max-width:480px) {
}

.show-phone {
	display: none!important
}

.show-pad {
	display: none!important
}

.hide-pc {
	display: none!important
}

.show-pc {
	display: inherit!important
}

@media(min-width:768px) and (max-width:979px) {
	.hide-pc {
		display: inherit!important
	}

	.show-pc {
		display: none!important
	}

	.show-pad {
		display: inherit!important
	}

	.hide-pad {
		display: none!important
	}
}

@media(max-width:767px) {
	.hide-pc {
		display: inherit!important
	}

	.show-pc {
		display: none!important
	}

	.show-phone {
		display: inherit!important
	}

	.show-phone {
		display: none!important
	}
}

.mt0 {
	margin-top: 0;
}


.wn{
	font-size: 1.2vw;
	color: rgb(255, 255, 255);
	position: absolute;
	top: 33%;
	left: 50%;
	line-height: 10px;
}
.q{
	font-size: 2.7vw;
	top: 42%;
	left: 50%;
	color: white;
	position: absolute;
	font-weight:bold;
	line-height: 15px;
}
.p{
	font-size: 2.7vw;
	top: 53%;
	left: 50%;
	color: white;
	position: absolute;
	font-weight:bold;
	line-height: 15px;
}
.ww{
	font-size: 1.2vw;
	top: 64%;
	left: 53%;
	color: white;
	position: absolute;
	line-height: 5px;
}
.wm{
	font-size: 1.2vw;
	top: 69%;
	left: 58%;
	color: white;
	position: absolute;
	line-height: 5px;
}


.sui{
	color: white;
	position: absolute;
	font-size: 1.2vw;
	top: 39%;
	left: 54%;
	line-height: 5px;
}
.i{
	color: white;
	position: absolute;
	font-size: 2.1vw;
	top: 49%;
	left: 58%;
	line-height: 5px;
}
.u{
	color: white;
	position: absolute;
	font-size: 1vw;
	top: 58%;
	left: 58%;
	line-height: 5px;
}
.h{
	color: white;
	position: absolute;
	font-size: 1vw;
	top: 62.4%;
	left: 60%;
	line-height: 5px;
}

.sao{
	color: white;
	position: absolute;
	font-size: 1.5vw;
	top: 76.6%;
	left: 59%;
	line-height: 5px;
}

		.wo{
			color: white;
			position: absolute;
			top: 38%;
			left: 58%;
			line-height: 10px;
			font-size: 3vw;
		}
		.da{
			color: white;
			position: absolute;
			top: 53%;
			left: 48%;
			line-height: 10px;
			font-size: 3vw;
		}
		

			.hu{
				color: white;
				position: absolute;
				top: 38%;
				left: 19%;
				line-height: 10px;
				font-size: 3vw;
			}
			.ch{
				color: white;
				position: absolute;
				top: 49%;
				left: 19%;
				line-height: 10px;
				font-size: 2vw;
			}
			.xi{
				color: white;
				position: absolute;
				top: 58%;
				left: 19%;
				line-height: 10px;
				font-size: 2vw;
			}
			
			
			
			.ru{
				color: white;
				position: absolute;
				top: 21%;
				left:40%;
				line-height: 10px;
				font-size: 3vw;
			}
			.he{
				color: white;
				position: absolute;
				top: 32%;
				left: 44%;
				line-height: 10px;
				font-size: 3vw;
			}
			

				.ja{
					color: white;
					position: absolute;
					top: 35%;
					left: 48%;
					line-height: 10px;
					font-size: 3vw;
				}
				.ca{
					color: white;
					position: absolute;
					top: 35%;
					left: 70%;
					line-height: 10px;
					font-size: 3vw;
				}
				
				.qi{
					color: white;
					position: absolute;
					top: 46%;
					left: 70%;
					line-height: 10px;
					font-size: 3vw;
				}
				.du{
					color: white;
					position: absolute;
					top: 60%;
					left: 70%;
					line-height: 10px;
					font-size:1.5vw;
				}
			
				
				

				/* contact.html */
				.in{
					color: rgba(255, 255, 255, 0.52);
					position: absolute;
					top: 44%;
					left: 30%;
					line-height: 10px;
					font-size: 2vw;
				}
				.on{
					color: white;
					position: absolute;
					top: 56%;
					left: 25%;
					line-height: 10px;
					font-size:2vw;
				}
				.up{
					color: white;
					position: absolute;
					top: 66%;
					left: 38%;
					line-height: 10px;
					font-size:2vw;
				}
				.ud{
					color: rgba(255, 255, 255, 0.52);
					position: absolute;
					top: 76%;
					left: 50%;
					line-height: 10px;
					font-size: 2vw;
				}
			
		
/* 六边形里面的字 */
		.na{
			color: white;
			position: absolute;
			left:54%;
			top: 40%;
			line-height: 10px;
			font-size:1.5vw;
		}

		

		.la{
			color: white;
			position: absolute;
			left:57.4%;
			top: 70.1%;
			font-size:1vw;
			line-height: 10px;
		}

		

		.ra{
			color: white;
			position: absolute;
			line-height: 10px;
			left:57.4%;
			top: 74%;
			font-size:1vw;
		}

		
		.ei{
			color: white;
			position: absolute;
			line-height: 10px;
			left:69.2%;
			top: 68.5%;
			font-size:1.5vw;
		}

		
		.hi{
			color: white;
			position: absolute;
			line-height: 10px;
			left:72%;
			top: 57.4%;
			font-size:1vw;
		}

		
		.sa{
			color: white;
			position: absolute;
			line-height: 10px;
			left:74.2%;
			top: 69.4%;
			font-size:0.8vw;
		}

		

		.pos{
			color: white;
			position: absolute;
			left:64.5%;
			top: 23%;
			line-height: 10px;
			font-size:1vw;
		}
		.ng{
			color: white;
			position: absolute;
			top: 46.5%;
			left: 61.5%;
			line-height: 10px;
			font-size:2vw;
		}
		.nb{
			color: white;
			position: absolute;
			top: 53.4%;
			left: 60.5%;
			line-height: 10px;
			font-size:2vw;
		}

		.pin{
			color: white;
			position: absolute;
			top: 54.3%;
			left: 36.5%;
			line-height: 10px;
			font-size:1.3vw;
		}
		.kai{
			color: white;
			position: absolute;
			top: 68%;
			left: 48%;
			line-height: 10px;
			font-size:1.3vw;
		}
		.ui{
			color: white;
			position: absolute;
			top: 60.9%;
			left: 60%;
			line-height: 10px;
			font-size:1.3vw;
		}
		.img-container{
			width: 750px;
			height: auto;
			
		}