@charset "utf-8";


/* fourstar CSS*/

/*=== 缺省定义 ===*/

BODY,DIV,FORM,UL,OL,LI,DL,DT,DD,H1,H2,H3,H4,H5,H6,H7{PADDING:0; MARGIN: 0px; border:0;FONT-SIZE: 14px;font-family:Arial, Helvetica, sans-serif; line-height:160%}

TABLE,TD,TR,TH {FONT-SIZE: 12px; line-height:160%}
LI {list-style-type:none;}
em{ font-style:normal}
a{color:#000;TEXT-DECORATION: none;}
a:hover {COLOR: #990000; TEXT-DECORATION:underline; }
a,li,erea{ 
    blr:expression(this.onFocus=this.blur());   /*    IE Opera    */
    outline:none;   /*    FF Opera    */
}
a:focus;li:focus{ 
    -moz-outline-style: none;   /*    FF    */
}
a img{border:none}


.clearfloat { /* 此类应当放在 div 或 break 元素上，而且该元素应当是完全包含浮动的容器关闭之前的最后一个元素 */
	clear:both;
    height:0px;
    font-size: 1px;
    line-height: 0px;
}
.font14r { font:"Times New Roman", Times, serif; font-size:14px; font-weight:bold; color:#CC0000;}
.font16r { font:"Times New Roman", Times, serif; font-size:16px; font-weight:bold; color:#CC0000;}
.red{color:#ff0000;}



/*=== 表单 ===*/
.btn_area{ text-align:left; margin:15px auto 10px auto; }
button{ white-space:nowrap; height:22px;margin:0 2px; background:url(../images/btn_back.gif) repeat-x; padding:0 2px; border:1px solid #ccc; font-size:12px;  }
input{ font-size:12px}

/*=== 页面公共 ===*/


body{text-align:center; background:#000; color:#333}

.top{ color:#e23230; background:url(../images/top_back.gif) no-repeat; height:29px; text-align:left; line-height:29px; width:943px; margin:0 auto; padding:0 10px; font-weight:bold; }
.top em{ margin-right:10px;}
.top a { font-size:12px;color:#e23230; margin:0 10px;}


.head{  width:963px;margin:15px auto 0 auto; height:95px; }
.head .logo{ float:left; }
.head .menu{ float:right; margin:35px 0 0 0;  width:580px;}
.head .menu li{ float:left; padding-left:25px; margin-right:20px; font-weight:bold}
.head .menu li#skype{ background:url(../images/icon1.gif) no-repeat left center;}
.head .menu li#msn{ background:url(../images/icon2.gif) no-repeat left center;}
.head .menu li#tel{ background:url(../images/icon3.gif) no-repeat left center;}
.head .menu a{ color:#fff}

/* 导航条*/
.nav_erea {width:963px; margin:0px auto }
#nav { height:35px; border-bottom:9px solid #fff;} 
#nav li { float:left; } 
#nav li a{ display:block; height:35px; width:95px; margin-right:2px;background:url(../images/nav.gif) no-repeat 0 0;} 
#nav li a h3{ display:none;}

#nav li a#a1{ width:95px;}
#nav li a#a2{ width:98px;}
#nav li a#a3{ width:156px;}
#nav li a#a4{ width:180px;}
#nav li a#a5{ width:128px;}
#nav li a#a6{ width:92px;}
#nav li a#a7{ width:88px;}
#nav li a#a8{ width:112px; margin-right:0;}

#nav li a#a1{}
#nav li a#a2{background-position:-97px 0}
#nav li a#a3{background-position:-197px 0}
#nav li a#a4{background-position:-355px 0}
#nav li a#a5{background-position:-537px 0}
#nav li a#a6{background-position:-667px 0}
#nav li a#a7{background-position:-761px 0}
#nav li a#a8{background-position:-851px 0}

#nav li a#a1:hover{background-position:0 -35px}
#nav li a#a2:hover{background-position:-97px -35px}
#nav li a#a3:hover{background-position:-197px -35px}
#nav li a#a4:hover{background-position:-355px -35px}
#nav li a#a5:hover{background-position:-537px -35px}
#nav li a#a6:hover{background-position:-667px -35px}
#nav li a#a7:hover{background-position:-761px -35px}
#nav li a#a8:hover{background-position:-851px -35px}

body#home a#a1{background-position:0 -70px}
body#about a#a2{background-position:-97px -70px}
body#product a#a3{background-position:-197px -70px}
body#warr a#a4{background-position:-355px -70px}
body#cert a#a5{background-position:-537px -70px}
body#news a#a6{background-position:-667px -70px}
body#rd a#a7{background-position:-761px -70px}
body#contact a#a8{background-position:-851px -70px}

body#home a#a1:hover{background-position:0 -70px}
body#about a#a2:hover{background-position:-97px -70px}
body#product a#a3:hover{background-position:-197px -70px}
body#warr a#a4:hover{background-position:-355px -70px}
body#cert a#a5:hover{background-position:-537px -70px}
body#news a#a6:hover{background-position:-667px -70px}
body#rd a#a7:hover{background-position:-761px -70px}
body#contact a#a8:hover{background-position:-851px -70px}

/*主体布局*/
#layout_home { width: 963px; background:#fff; margin:0 auto; padding-bottom:20px;}

.banner{ width:963px;  margin:0px auto}
.banner img{border:4px solid #efefef;}

#layout_home .search{width:437px; padding-left:500px;height:35px; padding-top:5px;  margin:0px auto; background:url(../images/search_back.gif) no-repeat right top;  text-align:right}
.search li{ float:left; margin-right:12px;}

/*左边带子栏目的布局*/
.position{height:41px; background:url(../images/position_back.gif) repeat-x;width: 963px; margin:0 auto}
.position .txt{ float:left; margin:8px 0 0 5px;}
.position .search{ float:right; margin:8px 5px 0 0px;}

#layout2 {width: 923px; background:#fff; margin:0 auto; padding:30px 20px}

/*产品块*/
bar1{ padding-bottom:20px; margin-bottom:20px;overflow:auto; display:inline-block}
.bar1 .title{ margin:0pz; padding:0px;text-align:left; color:#C00; font-size:24px; margin-top:16px; margin-bottom:12px; text-indent:16px;
}
.bar1 .bottom{ text-align:right; padding:10px 0}

.bar1 .content{ display:inline-block;}
.list_left_right{ width:380px; float:left;}
.bar1 .list_left_right li{ padding-left:10px }
.bar1 .list_left_right li a{ width:308px;}
/*产品块2*/
.bar2{ height:100%; padding-bottom:20px; border:0px; text-align:left; margin-bottom:20px;}
.bar2 .title{text-align:left; color:#C00; font-size:28px;}
.bar2 .bottom{ text-align:right; padding:10px 0}
.bar2 .content{ height:100%; text-align:left; width:920px; margin-top:6px;}
.bar2 .content li{ height:36px; line-height:40px; text-align:right; border-bottom:1px dashed #ddd; width:900px; display:block; clear:both;}
.bar2 .content li span{float:right;}
.bar2 .content li a{float:left;}
.bar2 .content .fanye{float:left; text-align:right; width:920px; height:30px;}
.bar2 .content .fanye a{ margin-left:6px; margin-right:6px; font-weight:bold;}
/*产品块3*/
.bar3{ height:100%; padding-bottom:20px; border:0px; text-align:left; margin-bottom:20px;}
.bar3 .title{text-align:left; color:#C00; font-size:28px; text-indent:18px;}
.bar3 .bottom{ text-align:right; padding:10px 0}
.bar3 .content{ height:100%; text-align:center; width:920px; margin-top:6px; display:table;}
.bar3 .content li{ list-style:none; border:4px solid #CCCCCC;text-align:center; margin-left:10px; margin-right:10px; margin-bottom:20px; float:left; background-color:#ccc;}
.bar3 .content li span{float:right;}

/* 小图片列表头部*/
.pro_content { width:896px; height:190px; margin:0px auto; padding:0px; background:#E4E4E4; margin-bottom:30px; margin-top:10px;}
.pro_content .top{width:896px; height:30px; margin:0px auto; padding:0px; background:#BFBDBD;}
.pro_content .top .left{margin:0px auto; padding:0px; float:left; color:#FFFFFF;font-size:14px; text-align:left; text-indent:14px; line-height:30px; font-weight:normal;}
.pro_content .top .right {margin:0px auto; padding:0px; float:right; color:#FFFFFF;font-size:12px; text-align:left;line-height:30px; font-weight:normal; margin-right:8px; width:564px; }
.pro_content .top .right  a{ text-decoration:none;color:#FFFFFF; font-weight:bold; word-spacing:1px;}
.pro_content .top .right  a:hover { color:#FF0000;}
.pro_content .top .right  a:active { color:#FF0000;}
.pro_content .bottom{width:896px; height:160px; margin:0px auto; padding:0px;}
.pro_content .bottom .left { margin:0px auto; padding:0px; height:144px; width:320px; float:left; margin-top:10px; font-size:13px; text-align:left; line-height:24px; word-spacing:0px;}
.pro_content .bottom .left a {line-height:28px;}
.pro_content .bottom .left table{ width:100%; margin-left:10px; margin-right:10px;}
.pro_content .bottom .left table a { text-decoration:none; display:block;}
.pro_content .bottom .left table  a:hover {text-decoration:none;color:#ff0000; font-weight:bold; background-color:#fff;}
.pro_content .bottom .left td { height:28px; text-align:left;}
.pro_content .bottom .right {margin:0px auto; padding:0px; float:right;}
/* 小图片列表1 */

piclist1{}
.piclist1 li{ float:left;width:210px;height:250px; margin:0 13px 10px 7px;  text-align:center;display:inline; overflow:hidden}/* display:inline用来解决双倍边距BUG */
.piclist1 li img{ border:4px solid #e7e7e7}
.piclist1 li H5{ width:200px;text-overflow:ellipsis;overflow:hidden; white-space:nowrap;text-align:center; font-weight:normal; padding:3px;}
.piclist1 li H5 a:hover{text-decoration:none}
/*左边带子栏目的布局*/
#layout3 { width: 963px;  margin: 0 auto; background:url(../images/layout3_back.gif) repeat-y 0 top #fff; padding-top:20px; }
#layout3 #layout_left{float: left; overflow:hidden;width:220px; padding:0px 10px 0 20px;}
#layout3 #layout_right {float:right;width:653px; overflow:hidden; padding:0 30px;}

.subnav{}
.subnav .title{ text-align:left; height:29px; line-height:26px;  padding-left:20px;  font-size:14px; background:url(../images/subnav2.gif) no-repeat 0 top;font-weight:bold; }
.subnav .title_sele{text-align:left; height:29px; line-height:26px;  padding-left:20px;font-size:14px; background:url(../images/subnav1.gif) no-repeat 0 top;color:#C00; font-weight:bold;}
.subnav .title a{color:#333;}
.subnav .title_sele a{color:#C00}

.subnav ul{ padding-bottom:10px;}
.subnav li{ border-bottom:1px solid #ddd;}
.subnav li a{ display:block; height:25px; font-size:12px; padding-left:10px; text-align:left; line-height:25px; color:#333 }
.subnav li a.sele{ background-color:#eee}
.subnav li a:hover{ text-decoration:none; color:#C00;}


/*左边带子栏目的栏目单显页*/
.m_body{ }
.m_body .title{ height:41px; line-height:41px; color:#c00; padding:0 0px 0px 0px; text-align:left; font-size:30px; margin-bottom:8px;}
.m_body .content{text-align:left; width:657px;overflow:hidden}
.m_body .content #content_erea{ }


/* 尾部 */
#footer {width: 963px;  background:url(../images/footer_back2.gif) no-repeat  center bottom #fff; margin:0px auto 3px auto; padding-bottom:8px; padding-top:0px;} 
.footer_frame{background:url(../images/footer_back.gif) no-repeat  center top #fff; text-align:center; color:#000; padding:20px 0; font-size:12px;}
#footer a{ color:#333; margin:0 5px; font-size:12px;}


/* 会员平台导航 */
#bar_manage{}
#bar_manage .manage_menu{ height:40px;background:url(../images/manage_title_back.gif) repeat-x top; color:#fff;}
#bar_manage .manage_menu li{ float:left}
#bar_manage .manage_menu li a{color:#fff;  font-size:14px; font-weight:bold; display:block; width:7em; white-space: nowrap;padding:10px 8px 0 8px; height:30px; text-align:center}
#bar_manage .manage_menu li a:hover{background:url(../images/manage_title_hover.gif) repeat-x center top;TEXT-DECORATION: none;padding:10px 10px 0 10px;}
#bar_manage .manage_menu li.sele a{background:url(../images/manage_title_sele.gif) repeat-x center top;}
#bar_manage .manage_menu li.spilit{background:url(../images/manage_title_spilit.gif) repeat-x center top;width:1px; height:40px}


/*content_erea是一般的主文图内容区，包含浮左浮右的图片、h3-h5的三级标题*/
#content_erea { font-size:14px;padding:0px; text-align:left; margin:5px auto; overflow:auto; display:inline-block}
#content_erea .pic{ width:100%; text-align:center}/*产品大图*/
#content_erea .pic img,#content_erea .rpic img{background:#fff; padding:3px; border:1px solid #ccc; margin:3px 0 3px 10px}

/*case*/
.tab{ width:900px; border:0px; margin-top:10px;}
.tab td{ border-bottom:1px dashed #CCCCCC; line-height:30px;}
.tab .img{ border:3px solid #ddd; margin-top:6px; margin-bottom:6px; margin-right:10px;}
/*图片靠右css*/
.img_right {float:right; border:4px solid #e7e7e7; margin-left:12px; margin-top:30px;}
.img_right0 {float:right; border:4px solid #e7e7e7; margin-left:12px;}
.img240 {border:4px solid #ddd;}
.img_war {border:4px solid #ddd; margin-top:10px; margin-left:20px; margin-right:10px;}
/*新闻细览页css样式*/
.news_bar { height:100%; padding-bottom:20px; border:0px; text-align:center; margin-bottom:10px;}
.news_bar .title{text-align:center; color:#C00; font-size:24px;}
.news_bar .bottom{ text-align:right; padding:10px 0}
.news_bar .content{ height:100%; text-align:left; width:900px; margin-top:6px; line-height:160%;}
.news_bar .content .img{ clear:both; text-align:center; margin-top:8px; margin-bottom:4px;}

/*翻页*/
DIV.turnpages {
	MARGIN: 0px;
	TEXT-ALIGN: center;
	padding: 10px;
	float: right;
	height: 20px;
	width: 800px;
	position: relative;
	
}
DIV.turnpages A {
	BORDER-RIGHT: #262626 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #262626 1px solid;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 2px;
	BORDER-LEFT: #262626 1px solid;
	COLOR: #262626;
	MARGIN-RIGHT: 2px;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #262626 1px solid;
	TEXT-DECORATION: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 10px;

}
DIV.turnpages A:hover {
	BORDER-RIGHT: #262626 1px solid; BORDER-TOP: #262626 1px solid; BORDER-LEFT: #262626 1px solid; COLOR: #fff; BORDER-BOTTOM: #262626 1px solid; BACKGROUND-COLOR: #262626;
}

DIV.pagination A:active {
	BORDER-RIGHT: #262626 1px solid; BORDER-TOP: #262626 1px solid; BORDER-LEFT: #262626 1px solid; COLOR: #fff; BORDER-BOTTOM: #262626 1px solid; BACKGROUND-COLOR: #262626;
}
DIV.turnpages SPAN.current {
	BORDER-RIGHT: navy 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: navy 1px solid;
	PADDING-LEFT: 5px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 2px;
	BORDER-LEFT: navy 1px solid;
	COLOR: #fff;
	MARGIN-RIGHT: 2px;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: navy 1px solid;
	BACKGROUND-COLOR:#a41c1e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 10px;
}
DIV.turnpages SPAN.disabled {
	BORDER-RIGHT: #262626 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #262626 1px solid;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 2px;
	BORDER-LEFT: #262626 1px solid; background-color:#525252;
	COLOR: #ffffff;
	MARGIN-RIGHT: 2px;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #262626 1px solid;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 10px;
}