@charset "gb2312";
/*!
 * 渴切(Cutter)开源中文css框架 v3.2
 *
 * Copyright 2012 keqie.com, Inc
 * 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:12px; background:#fff; /*解决电脑设置保护色，网页空白处默认淡绿色问题*/ font-family:"宋体", "新宋体", Arial;
}
 * {}
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%; vertical-align: middle; 
/*_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 whiteSmoke;
    border-bottom: medium none;
    border-left: 0.25em solid #3387C4;
    display: inline-block;
    margin-right: 0.5em;
    padding: 0 0.25em;} abbr:hover{ background:#f9d949;}

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; }


/* 固定不动 */
.fixed{
	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);*/
}
.fixed.scrolltotop, .fixed.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;
}
.fixed.scrolltotop{ /*display:none;*/ bottom:100px;}
a:hover.fixed.scrolltotop, a:hover.fixed.livechat{
	text-decoration:none;
}
.fixed.livechat{
	bottom:20px;
}
.fixed.scrolltotop.blue, .fixed.livechat.blue{
	background:#85c2f2; text-shadow:#2d96e9 1px 1px;
}
a:hover.fixed.scrolltotop.blue, a:hover.fixed.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/cutter.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 , .aside, .main{
  display: inline; float: left; margin-left: 20px; /*margin-right: 10px;*/
}
 
/* 第一个元素 */ .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;
}

	.col1{ width: 65px;} .col2, .aside{ width: 150px; } .col3{ width: 235px; } .col4{ width: 320px; } .col5{ width: 405px; }.col6{ width: 490px; } .col7{ width: 575px; } .col8{ width: 660px; } .col9{ width: 745px; } .col10, .main{ width: 830px; } .col11{ width: 915px; } .col12{ width: 1000px; }

@media (min-width: 1250px) and (max-width: 1440px) {
	.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: 768px) and (max-width: 1000px) {
	.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: 980px) and (max-width: 1300px) {
	.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: 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{ 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{ 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*/  
} 


   /*百分比格子系统*/
	/*.percent .wrapper{ width:118% !important;}*/
	.percent{ /*margin:0 20px;*/ margin:0;}
    .wrapper.percent{ margin:0 auto;}
	.percent .row{ margin-left:-1%; width:105%;}
	.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 .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{
	background:#F6F6F6; height: 67px; line-height: 67px; text-align:center; 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;*/
}
.naver.unstyled{ background:none;} .naver.unstyled a{ color:#333 !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;  display:inline-block;
}
.naver .module a, .naver .sub a, .naver .brand a{ 
    color: #555; font-size:14px; padding: 0px 20px; position: relative; white-space: nowrap; float:left; display:inline; *padding:0 10px; line-height:67px; border-right:#f6f6f6 solid 1px;
	
	/*_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{
	color:#cc3311; text-decoration:none; background:#f6f6f6;
} 
.naver .module a.selected, .naver .sub a.selected{
}
.naver .module{
	float: left; margin:0 10px 0 0px;
}
.naver ul{
	display:inline;
}
.naver li{
	display:inline; float:left; position:relative;
}
.naver li strong{
	display:inline; float:left; font-weight:normal !important;
}
.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; margin-right: -5px;
}
.naver .brand{
	float:left; display:inline; /*margin:0 40px 0 0;*/
}
.naver .brand a{
	font-size:25px; padding-left:0 !important; 
    font-weight: bold;
    padding-left: 0;
    padding-right: 10px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 30px rgba(255, 255, 255, 0.125);
    transition: all 0.2s linear 0s;
} .naver .brand a:hover{ background:none;}
 

.naver .droper{
	display:none; position:absolute; left:-1px; top:72px; width:150px; z-index:1000; border:#eee solid 1px; background:#fff;
}
.naver .sub .droper{
	left:auto; right:0;
}
.naver .droper a{
	background:none; display:block; float:none; font-size:13px; text-align:left; white-space:nowrap;/*设置不折行*/ text-overflow:ellipsis;/*这就是省略号喽*/ -o-text-overflow:ellipsis;/*兼容opera*/ overflow:hidden; line-height:25px; color:#333; line-height:22px;
	  padding: 10px 18px 9px;
	  border:none;
	  border-bottom: 1px solid #eee;
}
.naver .droper a:hover{
	background:#f1f1f1; color:#333;
}
.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 .collapse{
	 padding: 6px 12px 10px 12px; background:#444444; color:#fff; display:none; position:absolute; right:5px; top:20px;
}
.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;}
	.naver .collapse{ display:block;}
	.naver,
	.naver .brand,
	.naver .module, .naver ul, .naver li,
	.naver .sub, .naver .sub a{
	
		display:block; float:none; height:auto; overflow:hidden; text-align:left;
	}
	.naver .module, .naver .search, .naver .sub{
		display:none;
	}
	.naver .search{
		float:none;
	}
	.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;}
	
}

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