@charset "utf-8";
/* CSS Document
制作 青华互联网站建设  www.qinghuahulian.com
电话：18653219163  QQ:893157818
联系人：王小姐
 */


*{margin:0px;
 padding:0px;
}
body{
	font-size:12px;
	font-family:"微软雅黑";
	color:#555;
	line-height:20px;
	background:#fff;
}
body img{
    border:0px;
}
ul li{
	list-style-type:none; padding:0px; margin:0px;
}
A {
	COLOR: #555;  TEXT-DECORATION: none;
}
A:link {
	COLOR: #555; TEXT-DECORATION: none
}
A:visited {
	COLOR: #555; TEXT-DECORATION: none
}
A:hover {
	COLOR: #bb000b;
	text-decoration:none;
}
.clear{
	clear:both;
}
.mt10{
	margin-top:10px;
}
.box{
	width:980px;
	height:auto;
	margin:0 auto;
}
/*-------------- 顶部样式 -----------------------*/

.top{
	width:980px;
	height:110px;
	margin:0 auto;
}
.logo{
	width:280px; height:auto; float:left;
}
.top_pz{
	width:251px; height:110px; background:url(../images/top_pz.jpg) center center no-repeat; float:left; margin-left:30px;
}
.top_right{
	width:383px; height:auto; float:right; padding-right:5px;
}
.shome{
	width:255px; height:auto; text-align:right; padding-top:6px; float:right;
}
.tel{
	width:100%; float:right; height:auto; text-align:right; margin-top:15px;
}
/*主导航菜单样式*/
#menu ul{
	width:980px; height:auto; margin:0 auto;
}
#menu{
	background:url(../images/navbg.jpg) repeat-x;
	height:72px; width:100%;
}
.menu_line{
	background: url(../images/menu_line.jpg) no-repeat center top;
	width:8px;
}
.menu_line2{
	background:url(../images/menu_line2.gif) no-repeat center top;
	width:15px;
}
#nav{
	 width:975px; margin:0 auto; height:auto; padding-left:5px;
}
#nav li{
	float:left;
	height:38px;
	margin-left:17px;
	display:inline;
}
#nav li a{
	float:left;
	display:block;
	height:35px;
	cursor:pointer;
	text-decoration:none;
}
#nav li a span{
	float:left;
	padding:11px 2px 10px 2px;
	line-height:14px;
	background:url(../images/menu_on_right.gif) no-repeat right top;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
#nav li .nav_on{   /*鼠标经过时变换背景，方便JS获取样式*/
	background-position:left 100%;
	height:40px;
}
#nav li .nav_on span{  /*鼠标经过时变换背景，方便JS获取样式*/
	background-position:right 100%;
	width:92px;
	text-align:center;
	color:#cc0000;
	height:22px;
	text-decoration:none;
	padding:11px 2px 7px 2px;
}
/*子栏目*/
#menu_con{
	text-align:left;
	padding-left:20px;
	clear:both;
}
#menu_con li{
	float:left;
	height:22px;
	margin-top:5px;
}
#menu_con li a{
	display:block;
	float:left;
	background:url(../images/menu_on_left2.gif) no-repeat left top;
	cursor:pointer;
	padding-left:3px;
}
#menu_con li a span{
	float:left;
	padding:6px 10px 4px 10px;
	line-height:12px;
	background:url(../images/menu_on_right2.gif) no-repeat right top;
}
#menu_con li a:hover{
	text-decoration:none;
	background:url(../images/menu_on_left2.gif) no-repeat left bottom;
}
#menu_con li a:hover span{
	background:url(../images/menu_on_right2.gif) no-repeat right bottom;
}

/*-------------- 首页样式 -----------------------*/

.flash{
	width:980px; height:305px; overflow:hidden;
}
#playBox{ width:980px; height:305px; position:relative; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .pre{ cursor:pointer; width:45px; height:45px; background:url(../images/l.png) no-repeat; position:absolute; top:140px; left:10px; z-index:10;}
#playBox .next{ cursor:pointer; width:45px; height:45px; background:url(../images/r.png) no-repeat; position:absolute; top:140px; right:10px; z-index:10;}
#playBox .smalltitle {width:980px; height:10px; position:absolute; bottom:15px; z-index:10}
#playBox .smalltitle ul{ width:120px; margin:0 auto;}
#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#c80106;}
.main_box{
	width:972px;
	height:190px;
	padding:3px;
	overflow:hidden;
	border:1px #e0e0e0 solid;
}
.about_b{
	width:339px;
	height:190px;
	background:url(../images/about_bbg.gif) no-repeat;
	float:left;
	overflow:hidden;
}
.about_t{
	width:299px;
	height:23px;
	padding-top:10px;
	padding-right:40px;
	text-align:right;
	color:#cc3333;
	background:url(../images/about_tbg.gif) no-repeat;
}
.about_t a{
	color:#cc3333;
}
.about_info{
	width:300px;
	height:auto;
	padding-left:20px;
	padding-right:19px;
}
.about_info span{
	color:#d5271e;
}
.about_info span a{
	color:#d5271e;
}
.about_info img{
	width:298px; height:155px; border:1px #eee solid;
}


/*  首页幻灯 */

#MainPromotionBanner{
	width:290px;
	height:157px;
	background:#fff;
}
#MainPromotionBanner #SlidePlayer {
	position:relative;
	margin: 0 auto;
}
#MainPromotionBanner .Slides{
	padding: 0;
	margin: 0;
	list-style: none;
	height: 157px;
	overflow: hidden;
}
#MainPromotionBanner .Slides li {
	float: left;
	width: 290px;
	height: 157px;
	overflow:hidden;
}

#MainPromotionBanner .Slides img{
	border:0;
	display: block;
	width: 290px;
	height: 157px;	
}

#MainPromotionBanner .SlideTriggers{
	margin: 0;
	padding: 0;
	list-style: none; 
	position: absolute; 
	top: 135px; 
	right: 5px;
	z-index: 10;
	height: 25px;	
}
#MainPromotionBanner .SlideTriggers li{
	float: left;
	display: inline;
	color: #000;
	text-align: center;
	line-height:16px;
	width: 16px;
	height: 16px;
	font-family: Arial;
	cursor: pointer;
	overflow: hidden; 
	margin:2px 2px;
	background-color:#e7e8ea;
}
#MainPromotionBanner .SlideTriggers li.Current{ 
	color:#fff;
	background-color:#ae0810;
	line-height: 16px;
	height: 16px;
	width: 16px;
}
.news_b{
	width:330px;
	height:190px;
	overflow:hidden;
	background:url(../images/news_bbg.gif) no-repeat;
	float:left;
}
.news_t{
	width:305px;
	height:23px;
	padding-top:10px;
	padding-right:25px;
	text-align:right;
	color:#cc3333;
	background:url(../images/news_tbg.gif) no-repeat;
}
.news_t a{
	color:#cc3333;
}
.index_newslist{
	list-style-type:none;
	margin-left:35px;
	margin-top:15px;
}
.index_newslist li{
	width:260px;
	height:24px;
	padding-left:20px;
	line-height:24px;
	background:url(../images/news_arrow.gif) left center no-repeat; overflow:hidden;
}
.notice_b{
	width:303px;
	height:190px;
	background:url(../images/notice_bbg.gif) no-repeat;
	float:left;
	overflow:hidden;
}
.notice_t{
	width:288px;
	height:23px;
	padding-top:10px;
	padding-right:15px;
	text-align:right;
	color:#cc3333;
	background:url(../images/notice_tbg.gif) no-repeat;
}
.notice_t a{
	color:#cc3333;
}
.notice_info{
	width:239px;
	height:auto;
	padding-top:2px;
	line-height:24px;
	padding-left:40px;
	padding-right:24px;
}
.product_title{
	width:972px;
	height:25px;
	padding-right:8px;
	text-align:right;
	padding-top:5px;
	color:#cc3333;
	background:url(../images/product_title.gif) 12px center no-repeat;
	background-color:#ededed;
	border-top:1px #c4000a solid;
}
.product_title a{
	color:#cc3333;
}
.product_info{
	width:980px;
	height:auto;
	background-color:#ededed;
	overflow:hidden; padding-top:10px;
}
.product_info ul{
	list-style-type:none;
}
.product_info li{
	width:175px; height:170px; float:left; text-align:center; margin-left:17px; display:inline;
}
.product_info img{
	margin-bottom:8px; border:1px #ddd solid;
}
.product_info img:hover{
	border:1px #ff0000 solid;
}
.picFocus {
	POSITION: relative; WIDTH: 980px; ZOOM: 1; HEIGHT: 180px; OVERFLOW: hidden;
}
.picFocus .hd {
	POSITION: absolute; WIDTH: 100%; BACKGROUND: #f6f9fe; HEIGHT: 31px; OVERFLOW: hidden; TOP: 0px; LEFT: 0px
}
.picFocus .hd H2 {
	MARGIN-TOP: 6px; TEXT-INDENT: 12px; COLOR: #458fce; FONT-SIZE: 14px
}
.picFocus .hd H2 A {
	COLOR: #458fce
}
.picFocus .bd {
	POSITION: relative; PADDING-BOTTOM: 25px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; HEIGHT: 122px; OVERFLOW: hidden; PADDING-TOP: 25px
}
.picFocus .cols {
	POSITION: absolute; WIDTH: 9999px
}
.picFocus .cols2 {
	POSITION: absolute; WIDTH: 960px; ZOOM: 1; OVERFLOW: hidden; TOP: 30px; LEFT: 68px
}
.picFocus .count {
	FLOAT: left; OVERFLOW: hidden
}
#picFocusScrollContent LI {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 4px; WIDTH: 170px;FLOAT: left; PADDING-TOP: 5px; height:170px; background:url(../images/prolibg.gif) no-repeat;
}
#picFocusScrollContent LI IMG {
	WIDTH: 160px; DISPLAY: block; HEIGHT: 110px; OVERFLOW: hidden;
}
#picFocusScrollContent LI A:hover {
	BACKGROUND: #fff
}
#picFocusScrollContent LI P {
	TEXT-ALIGN: center; MARGIN-TOP: 8px; WIDTH: 100%; HEIGHT: 20px; OVERFLOW: hidden; font-size:14px;
}
#picFocusScrollContent LI P A {
	COLOR: #2d374b; font-size:14px;
}
#picFocusScrollContent LI P A:hover {
	COLOR: #cd0200; font-size:14px;
}
#picFocusScroll .prev {
	POSITION: absolute; WIDTH: 39px; DISPLAY: block; BACKGROUND: url(../images/scrollleft.jpg) no-repeat; HEIGHT: 170px; OVERFLOW: hidden; TOP: 20px; CURSOR: pointer; LEFT: 12px
}
#picFocusScroll .next {
	POSITION: absolute; WIDTH: 39px; DISPLAY: block; BACKGROUND: url(../images/scrollright.jpg) no-repeat; HEIGHT: 170px; OVERFLOW: hidden; TOP: 20px; CURSOR: pointer; RIGHT: 12px
}
#picFocusScrollContent A.prev:hover {
	POSITION: absolute; WIDTH: 39px; DISPLAY: block; BACKGROUND: url(../images/scrollleft.jpg) no-repeat; HEIGHT: 170px; OVERFLOW: hidden; TOP: 0px; CURSOR: pointer; LEFT: 12px
}
#picFocusScrollContent A.next:hover {
	POSITION: absolute; WIDTH: 39px; DISPLAY: block; BACKGROUND: url(../images/scrollright.jpg) no-repeat; HEIGHT: 170px; OVERFLOW: hidden; TOP: 0px; CURSOR: pointer; RIGHT: 12px
}
.bot_box{
	width:980px;
	height:232px;
	overflow:hidden;
}
.honor{
	width:280px;
	height:232px;
	overflow:hidden;
	float:left;
}
.honor_title{
	width:264px;
	height:28px;
	padding-right:8px;
	text-align:right;
	padding-top:5px;
	color:#cc3333;
	background:url(../images/honor_titlebg.gif) 12px center no-repeat;
	background-color:#ededed;
	border-top:1px #c4000a solid;
}
.honor_title a{
	color:#cc3333;
}
.honor_info{
	width:263px;
	height:189px;
	padding-top:10px;
	padding-left:15px;
	background:url(../images/honor_cbg.gif) no-repeat;
}
.case_box{
	width:978px;
	height:213px;
	border-top:1px #c4000a solid;
	border-left:1px #d1d1d1 solid;
	border-right:1px #d1d1d1 solid;
	border-bottom:1px #d1d1d1 solid;
	float:right;
}
.case_title{
	width:970px;
	height:28px;
	padding-right:8px;
	text-align:right;
	padding-top:5px;
	color:#cc3333;
	background:url(../images/case_tbg.gif) 12px center no-repeat;
	background-color:#ededed;
}
.case_title a{
	color:#cc3333;
}
.index_caselist{
	list-style-type:none;
	margin-top:15px;
	margin-left:8px;
}
.index_caselist li{
	width:164px;
	height:118px;
	padding-top:7px;
	float:left;
	text-align:center;
	margin-left:5px;
	display:inline;
	background:url(../images/caselibg.gif) no-repeat;
}
.index_caselist img{
	width:152px;
	height:111px;
	margin-bottom:8px;
}
/*-------------- 内页样式 -----------------------*/

.com_box{
	width:980px;
	height:auto;
	overflow:hidden;
	margin-bottom:10px;
}
.com_left{
	width:220px;
	height:auto;
	float:left;
}
.com_right{
	width:740px;
	height:auto;
	min-height:500px;
	_height:500px;
	float:right;
	border-left:1px #cccccc solid;
}
.position_c{
	width:690px;
	height:25px;
	color:#555;
	margin-left:10px;
	padding-left:30px;
	padding-top:5px;
	background:url(../images/icon01.jpg) 5px center no-repeat;
	background-color:#ededed;
	border-top:1px #c4000a solid;
}
.com_about_info{
	width:690px;
	height:auto;
	padding-left:30px;
	padding-right:20px;
	padding-top:20px;
	font-size:14px;
	padding-bottom:20px;
	line-height:24px;
}
.com_about_info img{
	max-width: 700px; 
	width:expression(this.width > 700 ? "700px" : this.width);
}
.com_about_info p{
	margin-bottom:20px;
}
.com_d{
	width:220px;
	height:auto;
	overflow:hidden;
}
.com_nav{
	width:220px;
	height:auto;
	margin-top:10px;
	background-color:#efefef;
}
.com_nav li{
	width:220px; height:auto; text-align:center; color:#fff; font-size:14px; line-height:40px; background:url(../images/libg.jpg) no-repeat center bottom; margin-bottom:3px;
}
.com_nav li a:link{
	color:#555; height:40px; line-height:40px; ; display:block;
}
.com_nav li a:visited{
	color:#555; height:40px;  line-height:40px; ; display:block;
}
.com_nav li a:hover{
	color:#cc0000; background:#e0e0e0; height:40px; display:block; line-height:40px; 
}
.com_nav .thisclass{
	font-size:14px;
	display:block;
	color:#cc0000;
	background-color:#e0e0e0;
}
.com_navt{
	width:220px;
	height:26px;
	background:url(../images/com_navt.jpg) no-repeat;
	overflow:hidden;
}
.com_tel{
	width:220px;
	height:220px;
	overflow:hidden;
}
/*---------------产品列表样式--------------------*/
/* 图片列表 */
.flash_news{
	width:720px;
	height:192px;
	overflow:hidden;
	margin-left:10px;
	margin-top:10px;
}
.prolist{
	list-style-type:none;
	margin-top:20px; margin-left:10px;
}
.prolist li{
	width:220px;
	float:left;
	margin-right:30px;
	display:inline;
	margin-bottom:20px;
	text-align:center;
	height:180px;
	overflow:hidden;
	background-color:#E4E4E4;
}
.prolist li a:hover{
	width:220px;
	float:left;
	display:inline;
	text-align:center;
	color:#fff;
	height:180px;
	overflow:hidden;
	background-color:#D50007;
}
.prolist li:nth-child(3n){
    margin-right: 0;
}
.prolist img{
	width:210px;
	height:140px;
	margin-bottom:7px;
	_margin-bottom:3px;
	margin-top:5px;
}
.pic_preview{
	width:660px;
}
.pic_preview img{
	float:left;
	margin-right:30px;
}
.labeltitle{
	width:655px;
	height:30px;
	padding-left:5px;
	line-height:30px;
	background-color:#eee0c6;
	margin-top:30px;
}



/* 新闻列表 */

.e3{
	list-style-type:none;
	margin-top:20px;
	margin-left:30px;
}
.e3 li{
	width:655px;
	padding-left:20px;
	line-height:36px;
	height:36px;
	background:url(../images/news_ioc01.gif) left center no-repeat;
	border-bottom:1px #ccc dotted;
}
.e3 span{
	float:right;
	padding-right:5px;
}

.news_title{
	width:100%;
	height:35px;
	text-align:center;
}
.news_title h2{
	font-size:18px;
}
.news_info{
	width:100%;
	height:25px;
	color:#999;
	text-align:center;
}
.news_info small{
	font-size:12px;
}


/*-------------- 底部样式 -----------------------*/
.foot_box{
	width:100%;
	height:131px;
	background:url(../images/footbg.gif) repeat-x;
}
.footer{
	width:980px;
	height:131px;
	margin:0 auto;
}
.foot_logo{
	width:268px;
	height:131px;
	float:left;
}
.foot_copyright{
	width:712px;
	height:111px;
	padding-top:20px;
	float:right;
	color:#fff;
}
.foot_copyright a:link{
	color:#fff;
}
.foot_copyright a:visited{
	color:#fff;
}
.foot_copyright a:hover{
	color:#fff;
}
.liuyan_l{
	line-height:30px;
}
.liuyan_l span{
	color:#F00;
}
.fangwei{
	width:165px; height:123px; left:4px; top:210px; position: fixed; _position: absolute;
}
.pages{
	margin:0 auto;
	border-top:1px #dddddd dashed;
}
.pages ul{
	list-style-type:none;
	padding:22px 16px 12px 0px; display:table; margin:0 auto;
}
.pages ul span{
	float:left;
	font-family:Tahoma;
	height:30px;
	line-height:30px;
	margin-right:5px; margin-bottom:8px;
}
.pages ul span.page-status{
	padding-left:12px; padding-right:12px; border:1px solid #E9E9E9;
}
.pages ul span.page-numbar{
	margin-right:3px; margin-left:-3px;
}
.pages ul span.page-numbar a{
	margin-left:3px; margin-right:3px;	
}
.pages ul span a{
	float:left;
	color:#555;
	height:30px;
	line-height:30px;
	padding-left:12px;
	padding-right:12px;
	display:block;
	border:1px solid #E9E9E9;
}
.pages ul span a:hover{
	color:#fff;
	text-decoration:none;
	background-color:#d20003; height:30px; line-height:30px;
	padding-left:12px;
	padding-right:12px; display:block;
}
.pages ul a.page-num-current,
.pages ul a.page-num-current a,.pagebox ul a.page-num-current a:hover{
	background-color:#d20003;
	padding:0px 4px 0px; padding-left:12px; padding-right:12px;
	font-weight:bold;
	color:#fff;
}
.text-secondary{
       font-size:16px; text-align:center; padding-bottom:30px; height:auto; overflow:hidden; color:#888;
}
.prenext{
	color:#525252;
	height:auto;
	border-top:1px #ddd dashed;
	padding-top:20px;
	padding-bottom:10px;
	margin-top:15px; font-size:14px;
}
.prenext ul{
	list-style-type:none;
}
.prenext li{
	line-height:25px; color:#525252; font-size:14px;
}
.prenext a:link{
	line-height:25px; font-size:14px;
}
.prenext a:visited{
	line-height:25px; font-size:14px;
}
.prenext a:hover{
	line-height:25px; font-size:14px;
}