@charset "utf-8";
/* CSS Document */

/**************************************************************************
 base.css: 前台页面的基础页，首页和内面的基础部分。
 跟comm.css不同，comm是前台、后台各种页面的公共部分。
 bass.css需要定义前台页面的具体宽度、前台页面的顶部、导航、底部等具体结构。
 首页特别的部分放在index.css
 内页特别的部分放在inner.css
 **************************************************************************/

body{ background:url(../images/bg_main.jpg) no-repeat center top;}
body, div, td, p{	font-size:12px;	}
a {text-decoration:none; color:#000;}
a:hover {color:#000;  text-decoration:underline;}
a:visited{}
a img{border:0px;}
.BigDiv{
	margin: 0px auto;	clear: both;
	width: 1004px;
}
a:hover {color:#000;  text-decoration:none;}
a:hover {color:#b8ed65;  text-decoration:none;}
img {
	text-decoration: none;
	border: none;
}

a.green {	color: #5a8525;}

a.pink{color:#e70aa6;font-size: 14px;font-weight: bold;}

a.white{font-size: 14px;font-weight: bold;	color: #FFF;}

a.blue1{color:#2873a5;font-size: 14px;font-weight: bold;}
a.blue2{color:#0082f1;font-size: 14px;font-weight: bold;}

.bold1{color:#7d7d7d;  font-family:"黑体", "微软雅黑", "Arial Black";  font-weight:bold;}
span.b{ font-weight:bold;}

/* 
不同区块之间的空白间隙， 配合div.room2size 使用，通过指定具体数字确定两块之间的间隙
例如：
<div class="room2size room14"></div>
所以需要把具体大小放在后面。
*/
div.room05{height: 5px;}
div.room08{height: 8px;}
div.room09{height: 9px;}
div.room10{height:10px;}
div.room11{height:11px;}
div.room12{height:12px;}
div.room14{height:14px;}
div.room16{height:16px;}
div.room18{height:18px;}
div.room22{height:22px;}
div.room10{height:10px;}
div.room20{height:20px;}
div.room30{height:30px;}
div.room40{height:40px;}

/*==================     优先确定各个部分的高度    ==========================*/

#top{height:173px;}
#nav01{height:27px;}
#player01{height:356px;}
#mid{height:auto!important; height:253px; min-height:253px;}
#btm{height:auto!important; height:59px; min-height:59px;}

/*==================     顶部样式    ==========================*/
#top_outer{}

input {border-top-width: 1px; padding-right: 1px; padding-left: 1px; border-left-width: 1px; font-size: 9pt; border-left-color: #cccccc; border-bottom-width: 1px; border-bottom-color: #cccccc; padding-bottom: 1px; border-top-color: #cccccc; padding-top: 1px; height: 18px; border-right-width: 1px; border-right-color: #cccccc; font-family: "宋体"; font-size: 12px}


.graybar{height:3px; background:#c9c9c9;}
/*TOP  920*144*/
#top{}

.navigation {
	font-size: 9pt;
	filter: dropshadow(color=663300, offx=1, offy=1, positive=3);
	color: #ffffff;
	line-height: normal
}

a.navigation:link {
	filter: dropshadow(color=663300, offx=1, offy=1, positive=3);
	color: #ffffff;
	text-decoration: none
}

a.navigation:visited {
	filter: dropshadow(color=663300, offx=1, offy=1, positive=3);
	color: #ffffff;
	text-decoration: none
}

a.navigation:hover {
	color: #ccfcfb;
	text-decoration: underline
}

a.navigation:active {
	color: #ffffff;
	text-decoration: none
}

#Top2 {
	background-color: #c0c0c0;
	border-bottom: #b62b00 1px solid
}
.leftbg {
	border-right: #b62b00 1px solid;
	border-left: #b62b00 1px solid
}

.rightbg {
	border-right: #b62b00 1px solid;
}
#index_p1 {
	border-bottom: #b62b00 1px solid
}

#nav_top {
	width: 430px;
	float: left;
	padding-left: 130px;
	padding-top: 28px;
}
#nav_top li{width:74px; float:left;height:22px; line-height:22px; text-align:center;}
#nav_top li.space{width:16px; font-size:16px;}
#nav_top li a{color:#898989;}

#nav_top li a:hover {color:#b8ed65; }

#nav_top li a.green1	{color:#09aa26; font-size:12px;}
#nav_top li img{ vertical-align:middle;}
#nav_top li.tel{width:124px;}

#nav_outer{ background:#3d9728;}
#nav01{background:url(../images/nav_bg.jpg) no-repeat center center;}
#nav01 ul{width:840px; margin:0 auto;}
#nav01 li{height:27px; width:93px; float:left;line-height:27px; text-align:center;}
#nav01 li{background:url(../images/nav01_rightborder.gif) no-repeat right center;}
#nav01 li.space{width:1px; font-size:0; background:url(../images/top_line02.gif) no-repeat center center;}
#nav01 li.last{background-image:none;}


#nav01 li a{color:#FFF;}
#nav01 li a:hover{color:#b8ed65;}

#banner_outer{height:356px; position:relative; background:url(../images/banner_demo_01.jpg)  no-repeat center center}
#banner{position:relative; height:356px;}


#player01 {width:1020px;height:356px; position:relative;overflow:hidden;}


#point01 {position:relative;}
#point01 .control{position:relative; z-index:3501; top: -35px;}
#point01 .control{padding-top:10px; text-align:right; padding-right:52px;}
#point01 .control span{ width:21px;padding-right:10px;color:#FFF; font-size:22px; font-weight:bold;cursor:pointer; background:url(../images/point_gray.gif) no-repeat center center;}

#point01 .control span.light{padding-right:18px;color:#3777BC; background-image:url(../images/point_light.gif);}



#player05 {width:990;height:219px; position:relative;overflow:hidden;}

#player05 ul{position:absolute;z-index:3401;}
#player05 li{width:990;height:219px;overflow:hidden;vertical-align: bottom;position:relative; }
#player05 li p.img{}
#player05 li p.txt{position:absolute; z-index:2; top:200px; right:20px;width:300px;font-family:"微软雅黑", "黑体", "Arial Black"; line-height:24px;}
#player05 li span.big{color:#fff;font-size:25px;}
#player05 li span.always{color:#fff;font-size:12px;}
#player05 li a.readmore{color:#f57e1f;}
#player05 li a:hover.readmore{font-weight:bold;}

#point05 {position:relative;}

#point05 .control{position:relative; z-index:3501; top: -110px;}
#point05 .control{padding-top:10px; text-align:right; padding-right:52px;}
#point05 .control span{ width:21px;padding-right:10px;color:#FFF; font-size:22px; font-weight:bold;cursor:pointer; background:url(../images/point_gray.png) no-repeat center center;}

#point05 .control span.light{padding-right:18px;color:#3777BC; background-image:url(../images/point_light.png);}


/*==================     中部主体样式    ==========================*/
#mid{}

#mid .right{width:760px; float:right;height:auto!important; height:500px; min-height:500px;}
#mid .left{width:220px; float:left;height:auto!important; height:500px; min-height:500px;}



/*=============  通用的块定义  红底白字的header + 红色边框的bodyer ============*/

/* 红色的标题块 */
#mid .header{height:29px;overflow:hidden; background:url(../images/left_header_bg.gif) repeat-x center top;font-family:"微软雅黑", "黑体", "Arial Black"; font-size:14px; font-weight:bold; font-weight:bolder;  color:#fff; letter-spacing:0.2em;line-height:29px; text-align:center;}
/* 块下面的主体部分 */
#mid .bodyer{height:auto!important; height:160px; min-height:160px; border:1px solid #7f0307; border-top:none;}

#mid .header a{color:#FFF;}
#mid .header span.tit{ float:left; padding-left:12px; }
#mid .header span.tit img {vertical-align:middle; border:0; padding:0; margin:0;}
#mid .header span.more{ float:right; padding-right:10px; line-height:29px; }
#mid .header span.more a{
	
	_font-size:29px; /*  为了图片垂直居中 IE6hack */
	}
#mid .header span.more img{ vertical-align:middle;}



/*=============  左边通用  ============*/
/* 红色的标题块 */
#mid .left .header{}
/* 块下面的主体部分 */
#mid .left .bodyer{}





/*=============  左边分类  ============*/
#mid .left .proclass{}


#mid .left .proclass dl{}
#mid .left .proclass dt{height:47px; background:url(../images/left_class_bg_topclass.gif) no-repeat center bottom; line-height:56px; font-family:"微软雅黑", "黑体", "Arial Black"; font-size:14px; font-weight:bolder; letter-spacing:0.2em;text-align:center;}

#mid .left .proclass dt ,#mid .left .proclass dt a{color:#a00107; }
#mid .left .proclass dd{margin-left:10px;}
#mid .left .proclass dd li{ height:25px; line-height:25px; text-align:left;}
#mid .left .proclass dd span{padding:0px 8px; }
#mid .left .proclass dd span a{ color:#505050;}


/* 全部分类 */
#mid .left .proclass .allclass{height:33px; background:url(../images/left_class_bg_gray.gif) repeat-x left top;font-family:"微软雅黑", "黑体", "Arial Black"; font-size:14px; font-weight:bolder; letter-spacing:0.2em;word-spacing: 150%;text-align:center; line-height:33px;}
#mid .left .proclass .allclass a{
	color: #a00107;
}

/* 红色的装饰块 */
#mid .left .proclass .btmblock{background:#7f0307; height:13px;}





/*
#mid .part1~#mid .part2用在首页（未用到的部分保留）
 首页参见：index.css
#mid .part6~#mid .part9用在内页（未用到的部分保留）
 内页参见：inner.css
*/




/*==================     底部样式    ==========================*/

#btm_outer{ }

#btm {
	border-left: #b62b00 1px solid;
	border-right: #b62b00 1px solid;
	border-top: #b62b00 1px solid;
	width: 1002px;
}

#btm .friend{ float:left; margin-right:35px; margin-top:21px; color:#929292; height:21px; line-height: 21px; background:url(../images/bg_friendlink.gif) no-repeat center center; width:84px;position:relative;}
#btm .friend span{padding-left:5px; }

#friend_menu {display:none;position:absolute; bottom:20px;}

#friend_menu li{height:24px; width:150px; padding-left:0px; line-height:23px; display:block; clear:both;}
#friend_menu li a{ padding-left:5px; color:#FFF;display:block; height:24px; background:url(../images/friendmenu_bg_sub.png) repeat-x center bottom;}
#friend_menu li a:hover{display:block; height:24px; background-image:url(../images/friendmenu_bg_subover.png)}



#btm .nav{ float:left;margin-top:21px;margin-left:160px;width:149px; text-align:left; height:21px; line-height:21px;}
#btm .nav img{vertical-align:middle;}

#btm .nav a:hover {color:#b8ed65;  text-decoration:none;}



#btm .links {
	height: 25px;
	background: url("/image/di.jpg") repeat-x top center;
}
#btm .copyright{ color:#fff;  text-align:center; height:48px; 
				 background: url("/image/bg0.jpg") repeat-x top center;
				     display: flex;
    align-items: center;    /* 垂直居中 */
    justify-content: center; /* 水平居中 (如果需要) */
}

#btm .txt{padding-top:30px;  text-align:center;}
#btm .txt,#btm .txt a{font-size:12px;color:#fff; line-height: 18px;}
#btm .LightLink{color:#ffeaa1;}
#btm .copyright,#btm .copyright a ,#btm .copyright p{color:#FFF;}