@charset "utf-8";
/* 简单流媒体
   注意: 流媒体要求您删除 HTML 中媒体的高度和宽度属性
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 不支持最大宽度，因此默认为 100% 宽度 */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver 流体网格属性
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	灵感来自于 Ethan Marcotte 的“具有响应的 Web 设计” 
	http://www.alistapart.com/articles/responsive-web-design
	
	和 Joni Korpi 的“黄金网格系统”
	http://goldengridsystem.com/
*/

/* 移动设备布局: 480px 及更低。 */
body{ font-family:黑体;}
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 1.82%;
	padding-right: 1.82%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
a{ text-decoration:none;}
.top{background:url(../images/top_bg.jpg) repeat-x;}
.top_name{ height:90px; text-align:center; font-size:38px; color:#fff; line-height:90px;}
.top_tab{ overflow:hidden;
}
.top_tab img{ width:25%;}
.clear{ clear:both;}
.tt_shoose{
	padding-right: 13px;
	float: left;
	height: 33px;
	text-align: center;
	line-height: 43px;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 13px;
}
.tt_shoose a#top_tab_a{ color:#3D4041;}
.tts_alr{ background:url(../images/tab_alr.jpg) no-repeat;}
.tts_alr a#top_tab_a{ color:#fff;}
.middle{ height:560px;}
.disp_none{display:none;}
.disp_block{display:block;}
.intro{ line-height:25px; padding-top:10px; text-align:center;}
.detail{
	text-align: left;
	text-indent: 2em;
}


/*****  焦点图样式  *****/
#focus {
    background: none repeat scroll 0 0 #F5F5F5;
    height: 180px;
    overflow: hidden;
	margin:0 auto;
    position: relative;
}

#focus .views {
    height: 180px;
    margin: 0 auto;
    overflow: hidden;
	text-align:center;
    position: relative;
}
#focus .views img{ width:100%; height:180px;}
#focus .views .item {
    height: 180px;
	width:100%;
    left: 0;
    position: absolute;
    top: 0;
    text-align: center;
}


#focus .tabs {
	z-index:10;
    height: 13px;
	text-align:center;
	position:relative;
	top:-20px;
}


#focus .tabs a {
    background-image:url(../images/banner_a.png);
    background-repeat: no-repeat;
    cursor: pointer;
	display:inline-block;
    height: 13px;
	*margin-left:5px;
    width: 13px;
}

#item-1{z-index:4}#item-2{z-index:3}#item-3{z-index:2}#item-4{z-index:1}#tabs-1{background-position:0 0}#tabs-1.active{background-position:0 -13px}

.footer{ margin:0 auto; position:relative; bottom:0px; left:0px; right:0px;}
.footer img{ width:25%;}
#clear{ clear: both; float: left; margin-left: 0; width: 100%; display: block;}

/* 平板电脑布局: 481px 至 768px。样式继承自: 移动设备布局。 */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#clear {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
}

/* 桌面电脑布局: 769px 至最高 1232px。样式继承自: 移动设备布局和平板电脑布局。 */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 88.2%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#clear {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
}

.middle{ line-height:2em;}


.cplist{ overflow:hidden;}
.cp{ height:150px; overflow:hidden; border-bottom:1px solid #333;}
.cp_a{ float:left; height:120px; width:25%; text-align:center; padding-top:30px;}
.cp_b{ float:left; height:130px; width:60%; padding:0px 5%; padding-top:20px; overflow:hidden;}
.cp_c{ float:left; height:100px; width:5%; text-align:center; padding-top:50px;}

.cp_b_a b{ font-size:16px;}
.cp_b_a span{ color:#666;}

.cp_b_b{ color:#999; line-height:1.5em;}
.cp_b_b a#cp_b_b_aa{ color:#F00;}

.anlist{ overflow:hidden;}
.an{ width:256px; margin:10px auto; height:213px;  background:url(../images/show_bg.png) no-repeat; padding:6px;}
.an_a{ height:25px; line-height:25px; overflow:hidden;}
.an_a a#more{ float:right; color:#999;}
.an_a span{ font-weight:bold; font-size:15px;}
.an_b{ padding-top:10px;}
.anlit{text-align:center;}
.anlit img{ width:90%; }

#indexpage .ui-content{ padding-bottom:15%; overflow:auto;}

.cps{ padding:10px; overflow:hidden; line-height:2em;}

.als{ padding:10px; overflow:hidden; line-height:2em;}

.anlibig{ overflow:hidden; position:absolute; display:none; left:0px; right:0px; bottom:0px; top:0px; background-color:#FFF; z-index:1; text-align:center; min-width:800px;}

#alshow{ padding-bottom:15%; overflow:hidden;}
#cpshow{ padding-bottom:15%; overflow:hidden;}
.autobox{height:660px;}