﻿@charset "utf-8";
body{font-size:12px; font-family:"微软雅黑";color:#000;}
*{padding:0;margin:0 auto; line-height:180%; letter-spacing:2px}
* span{ color:#9f0416; font-size:12px; padding-left:6px; font-weight:normal}
ul,li,dl,dd,dt{list-style-type:none;display:block;}
a{color:#000;text-decoration:none;}
a:hover{color:#0181cc; text-decoration:none;}
img{border:none;vertical-align:bottom;}
.wrap{width:1100px;margin:0 auto}
.red{color:#f00;}

.inner-left { width:26%;  float:left}
.lanmu{border:1px solid #DDDDDD;
	padding:8px; margin-bottom:5px; background-color:#F8F8F8}
.lanmu .tle{width:222px;height:30px; line-height:30px; border-bottom:2px #0181CC solid; font-size:14px; font-weight:bold;  float:left; }
.biaotit{line-height:40px;font-size:14px; font-weight:bold; text-align:center;}


.inner-right { width:72%; float:right;border:1px solid #DDDDDD; background-color:#F8F8F8;padding:5px;}
.inner-right img{border:none;vertical-align:bottom; height:125px}

.clear{clear:both;line-height:0;font-size:0;height:0}
.tonglan{ margin:0 auto;width:1100px}
.tonglan .tle{width:100%;height:30px; line-height:30px; border-bottom:2px #0181CC solid; font-size:14px; font-weight:bold; c float:left; }
.tonglan .tle span{width:100px; text-align:center; height:30px; line-height:30px; font-size:14px; font-weight:bold; background-color:#0181CC; color:#FFFFFF; display:block; float:left;}

.top{ width:100%}
#header { background:url(../images/tbg.jpg) repeat-x; height:157px;}
.header_mini { height:157px}
#header .header-c { position:relative; z-index:11}
#header .logo { height:104px;}

#header .mnav { float:left;}
#main-nav li{ float:left; margin:0 10px; position:relative; text-align:center; height:50px; display:block; line-height:50px; width:117px;}
#main-nav li .m1 { display:block; padding:0px 10px; font-size:14px; color:white; text-align:center;line-height:50px; font-weight:bold}
#main-nav li  a.m1:hover{background:url(../images/d_mover.jpg) repeat-x top left;}
#main-nav li .m1.mover { background:#0081CB; text-decoration:none;background:url(../images/d_mover.jpg) repeat-x top left;}
#main-nav li .sub-menu { position:absolute; width:100%; text-align:center; left:0; display:none; background:#0081CB;line-height:50px; margin-top:0px;filter:alpha(opacity=100); 
opacity:1;/*其他，透明度50%*/}
#main-nav li .sub-menu a { display:block; color:#fff; line-height:40px; border-bottom:1px #3AB6FC solid;font-size:13px;}
#main-nav li .sub-menu a:hover { display:block; color:#fff; line-height:40px; background-color:#049FF8}
/*index*/
.marg12{ margin-top:12px;}
.marg8{ margin-top:8px;}
#index,#main,#index_news{
	width: 1100px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color:#FFF;
	}
#index_left,#main_left{
	float:left;width: 285px;
	}
.index_k{
	border:1px solid #DDDDDD;
	padding:8px; margin-bottom:5px; background-color:#F8F8F8}

.index_left_lm,.main_left_lm{
border-bottom:2px solid #0181CC; height:30px;
	}

.index_left_lm span,.main_left_lm span{width:100px; text-align:center; height:30px; line-height:30px; font-size:14px; font-weight:bold; background-color:#0181CC; color:#FFFFFF; display:block; float:left;}
.index_k #cateTree ul{}
.index_k #cateTree ul li{background-image:url(../images/dot.jpg); background-repeat:no-repeat; background-position:left center; border-bottom:1px dotted #CCCCCC; padding-left:15px;padding-top:5px; padding-bottom:5px; }
#index_right,#main_right{
	float:right;width:800px;}
#index_about{width:560px;float:left;}
#index_case{ width:225px; float:right;}

#index_cp{border:1px solid #DDDDDD;padding:8px; margin-bottom:5px; background-color:#F8F8F8; margin-top:8px;}
#index_cp ul { }
#index_cp ul li {  float:left;margin:5px;  text-align:center;border:1px solid #CCC;}
#index_cp ul li a{ display:block;}


#index_news_l{ float:left;  width:543px; }
#index_news_r{ float:right;  width:541px; }
.news_pic{ float:left; padding:5px 5px 5px 0px; border:0px; width:212px;}
.news_nr{ width:300px; float:right;}
.news_nr ul{}
.news_nr ul li{background-image:url(../images/dot.jpg); background-repeat:no-repeat; background-position:left center; border-bottom:1px dotted #CCCCCC; padding-left:15px;padding-top:5px; padding-bottom:5px;}
.news_nr ul li a{ color:#000; display:block;}
.news_nr ul li a:hover{ color:#007dcd;display:block; }

/*slider*/
#slider-bar { position:relative; background:url(../images/b1.gif) bottom left repeat-x}
#slider-bar #slider-main { position:absolute; top:0px; z-index:10}
.slider-bg { background:url(../images/slideshow-bg.png) no-repeat center center; height:318px; width:1100px;}

.slider-bg .slider-area { height:318px; overflow:hidden}
.slider-control-holder { 
	display: block;
	width:1100px;

	overflow: hidden;
	padding: 6px 0;
	bottom: 0px;
	right: 0px;
	z-index: 10;
	background: url(../images/slideshow-nav-bg.png) no-repeat;
}

.slider-control-item{
	display: block;
	clear: left;
	float:left;
	position: relative;
	left: 50%;
}

.slider-control-item a {
	_font-size:0px;/*针对IE6高度不能低于字体高度*/
	display:block;
	float:left;
	margin:0;
	padding:0;
	width: 10px;
	height: 10px;
	background: #49494b;
	text-indent: -9000px;
	margin: 0px 3px;
	position:relative;
	right:50%;
}

.slider-control-item a:hover{
	background: #575758;
}

.slider-control-item a.activeSlide { 
	background: #7796ce;
}


.slider-bg .slide-prev{
	position: absolute;
	top:160px;
	left: 5px;
	background: url(../images/sprites.png) no-repeat -104px -343px;
	height: 30px;
	width: 24px;
	z-index: 60;
}
.slider-bg .slide-prev{_background: url(../images/sprites.gif) no-repeat -104px -343px;}

.slider-bg .slide-next{
	position: absolute;
	top: 160px;
	right: 5px;
	background: url(../images/sprites.png) no-repeat -142px -343px;
	height: 30px;
	width: 24px;
	z-index: 60;
}
.slider-bg .slide-next{_background: url(../images/sprites.gif) no-repeat -142px -343px;}

.slider-bg .slide-prev:hover{
	background-position:  -211px -343px;
}

.slider-bg .slide-next:hover{
	background-position:  -249px -343px;
}







/*product*/

.prolist ul li { float:left; margin:0 40px 20px 0; position:relative; z-index:12}
.prolist ul li .img-de{
	position: absolute;
	right: -15px;
	top: 20px;
	overflow: hidden;
	height: 86px;
}
.prolist ul li .img-de .img-l {
	height: 86px;
	padding-left: 10px;
	padding-right: 2px;
	padding-top: 20px;
	background: url(../images/sprites.png) no-repeat 0px -487px;
	max-width: 200px;
	float:left;
	position:relative;
	right:-500px; 
}
.prolist ul li .img-de .img-l{ _background: url(../images/sprites.gif) no-repeat 0px -487px;}

.prolist ul li .img-de .img-l .img-title{
	font-size: 16px;
	margin-bottom: 2px;
}

.prolist ul li .img-de .img-l .img-title a{
	text-decoration: none;
	color: #49494b;
}

.prolist ul li .img-de .img-l .img-date{
	font-size: 12px;
	text-align: right;
	color: #7b7b7b;
}

.prolist ul li .img-de .img-r{
	float: right;
	width: 15px;
	height: 96px;
	cursor:pointer;
	background: url(../images/sprites.png) no-repeat 0px -579px;
}
.prolist ul li .img-de .img-r{_background: url(../images/sprites.gif) no-repeat 0px -579px;}

/*marquee-products*/
.marqu-holder { position:relative}
.marqu-holder .marqu-arrow { background:url(../images/sprites.png) no-repeat left -115px; width:52px; height:52px; position:absolute; left:0; top:35px; overflow:hidden; cursor:pointer; z-index:11}
.marqu-holder .marqu-arrow { _background:url(../images/sprites.gif) no-repeat left -115px;}
.marqu-holder .marqu-right { right:0; left:auto; background-position:-104px -115px}
.marqu-holder .marqu-right:hover { background-position:-156px -115px}
.marqu-holder .marqu-left:hover { background-position:-52px -115px}



.marqu-prolis{ background-color:#CC0000;border-top:10px #CCCCCC solid}
.marqu-prolist .marqu-area { overflow:hidden; position:relative; z-index:10; height:120px}
.marqu-prolist span{ color:#ffffff;}
.marqu-prolist .marqu-area ul { *height:120px; }
.marqu-prolist .marqu-area ul li { float:left; padding:0 13px; *width:220px;}
.marqu-prolist .marqu-area ul li .img-info { position:relative; height:120px; overflow:hidden}
.marqu-prolist .marqu-area ul li .img-title { position:absolute; background:url(../images/trbg.png) repeat-x; height:25px; line-height:25px; width:100%; color:white; bottom:-25px; left:0; text-align:center}
.marqu-prolist .marqu-area ul li .img-title a { color:#fff}
.marqu-prolist .marqu-area ul { width:4920px; height:120px}
/*footer*/
#footer{
	width: 100%;
	margin-top:20px
}
.ftnav { 
text-align:center; background-color:#0181CC; 
} 
.ftnav ul { 
display:inline-block; width:800px;
} 
.ftnav li { 
float:left;
} 
.ftnav li a{ height:50px; margin:0 5px; display:block; color:#FFF; line-height:50px; padding:0 10px; }
.ftnav li a:hover{ height:50px; margin:0 5px; display:block; color:#FFF; line-height:50px; background-color:#179cea; padding:0 10px;}

#footer .copyright{ color:#000; text-align:center; padding:10px; }

/*social-bar*/

#social-bar{
	display: block;
	position: absolute;
	top: -40px;
	left: 0px;
	height: 74px;
	overflow: hidden;
	color: #49494b;
	background: url(../images/social-bg.png) no-repeat;
	z-index: 999;
}
#social-bar{_background: url(../images/social-bg.gif) no-repeat;}
#social-bar #share_code { margin:40px 0 10px 20px}
.ptop{ position:relative; height:74px}
#top-social-bar {
	display: block;
	position: absolute;
	top: -30px;
	left: 0px;
	height: 60px;
	line-height:60px;
	padding:0 20px;
	overflow: hidden;
	color: #49494b;
	font-size: 16px;
	
}
/*visit_path*/
.visit_path a { color:#7796ce}
.visit_path span { }
/*left*/
.left-nav-list li{ padding:5px 0; border-bottom:1px dashed #ccc}
.left-nav-content li{ padding:5px 0; border-bottom:1px dashed #ccc}
/*单页*/
.single-p { line-height:24px}
/*lanmu*/

.contactus {}
/*image-list*/
.image-item { float:left; padding:5px 5px 10px 5px; margin:0 5px 0 5px; width:243px; text-align:center}
.image-item  p { line-height:25px; text-align:center}
.image-item:hover { background:#d8e3f8}
.image-item:hover a { text-decoration:none}
/*text-list*/
.news-thumb{ float:left; margin:0 10px; width:120px}
.thumb-news-item .news-title { font-size:14px; margin-bottom:10px}
.thumb-news-item .news-date  { float:right; color:#ccc}
.thumb-news-item .news-content .news-descri {margin:15px 0 0 0 text-indent:2em}
.thumb-news-item a { display:block; cursor:pointer; padding:5px}
.thumb-news-item a:hover { text-decoration:none;background:#d8e3f8}

/*category-list*/
.category-list { margin-bottom:15px; padding-bottom:15px; border-bottom:0px dashed #ccc}

/*normal-news-list*/
.normal-news-list{ margin:15px 0 0 0}
.normal-news-list li{ *clear:both; height:25x; line-height:25px}

.normal-news-list li a{ color:#525252;float:left; width:550px}

/*pages*/
#pages { margin:10px 0}

/*pre_next*/
.pre_next {color:#666; margin-top:10px}
.pre_next a { color:#7796ce}

/*table_form*/
.table_form tr td { padding:5px}

/*图片滚动*/

.picScroll{ position:relative;  height:130px; padding: 30px 0 30px 0;  background:#F8F8F8; margin-bottom:10px; overflow:hidden; border:1px solid #DEDEDE;}
.picScroll ul{ overflow:hidden; zoom:1; }
.picScroll ul li{ float:left; margin: 0 6px;  width:175px; overflow:hidden; display:inline; }
.picScroll ul li img{ width:175px; height:120px; }
.picScroll .prev,
.picScroll .next{ position:absolute;  left:10px; top: 75px; display:block; width:18px; height:28px; overflow:hidden; background:url(../images/icons.png) -40px 0 no-repeat; cursor:pointer;  }
.picScroll .next{ left:auto; right:10px; background-position:-120px 0; }
.picScroll .prevStop{ background-position:0 0; }
.picScroll .nextStop{ background-position:-80px 0; }


.banner{ min-width:1100px;  position:relative;  height:400px; overflow:hidden; padding:0 0 0px 0px}
.banner .bd{ position:relative; z-index:0}
.banner .bd ul{ width:1100px !important;}
.banner .bd ul li{ width:1100px !important;  height:400px !important;}
.banner .bd ul li .siteWidth{ width:1100px; position:relative;  margin:0 auto;  height:400px }
.banner .bd ul li a{ height:400px; display:block; width:1100px}
.banner .bd .txt{ position:absolute; width:415px; top:100px; left:22px;   font:normal 18px/30px "Microsoft YaHei";    }
.banner .bd .btn{ display:block; zoom:1; margin-top:8px;  width:72px; padding-right:10px;  height:31px; line-height:31px; text-align:center; color:#fff; font-size:12px; background:url(../images/banner-btn.png) 0 0 no-repeat;
_background:url(../images/banner-btn-ie6.png) 0 0 no-repeat;
}
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:4px; background:url(../images/dot-black.png) 0 0; overflow:hidden; 
	line-height:9999px; filter:alpha(opacity=40);opacity:0.4; 
}
.banner .hd ul .on{ filter:alpha(opacity=100);opacity:1;  }
