﻿/*==网页整体div设置开始——包括：（宽度、高度、背景色或者图片、边框）==*/
.home_body{width: 1002px; margin: 0 auto;overflow: hidden;background:#f2f2f2; }
/*==网页整体div设置结束==*/

/*==home_top_func网页顶部功能菜单div设置开始——包括（高度、宽度、背景、字体等）==*/
.home_top_func{ margin:0px auto; width:1002px; height:20px;background:#fff; text-align:center; line-height:20px;font-family:Verdana;}
/*==home_top_func网页顶部功能菜单div设置结束==*/



/*==home_top_search网页顶部搜索Bar的div设置开始==*/
.home_top_search{float: left; width:  100%;}
/*==home_top_search网页顶部搜索Bar的div设置结束==*/

/*==网页中间的内容的框架开始——包括：（网页的主要内容部分，如栏目，文章内容等等）==*/
.home_content{width:  100%; height: auto;margin: 0 auto; background-color: #f2f2f2;}
/*==网页中间的内容的框架结束==*/

/*==网页分割线开始——包括：非必须）==*/
.home_spliteline{float:left;width: 100%;margin-top:8px; height: 8px; background:url(../images/foot.jpg);background-repeat: repeat-x;}
/*==网页分割线结束==*/

/*==网页footer开始==*/
.home_footer{float:left;width: 100%; height:60px;vertical-align:middle;line-height:60px; text-align:center;margin: 0 auto;}
/*==网页footer结束==*/


/*==================左侧菜单开始==================*/
#parent{float:left;width:98%;overflow:hidden;margin-left:1px;border:1px solid #c1c1c1}
#nav {width:100%;line-height: 29px; list-style-type: none;text-align:left}/*定义整个ul菜单的行高和背景艿/
/*一级目录*/
#nav a {width: 100%; display: block;text-indent:50px;}
#nav li {background:#F2F2F2; float:left; width:100%}/*float：left,本不应该设置，但由于在Firefox不能正常显示继承Nav的width,限制宽度，li自动向下延伸*/
#nav li a {background:url(../Images/left_back0.jpg) left no-repeat; width:100%}	/*一级目录onMouseOver显示的背景色*/
#nav li a:hover{background:url(../Images/left_back1.jpg) left no-repeat; width:100%}	/*一级目录onMouseOver显示的背景色*/
#nav a:link  {color:#515151; text-decoration:none;}
#nav a:visited  {color:#515151;text-decoration:none;}
#nav a:hover  {color:#515151;text-decoration:underline;}
/*二级目录*/
#nav li ul {list-style:none;text-align:left;border-bottom:1px solid #B3B3B3;}
#nav li ul li{	height:20px;line-height:20px;background: #F0EEEF; border-bottom:#F0EEEF 1px solid; }/*二级目录的背景色*/
#nav li ul a{ height:20px;line-height:20px;text-indent:50px;width:100%;background:none;}
#nav li ul a:hover { height:20px;line-height:20px;text-indent:50px;width:100%; background:none;}
/*下面是二级目录的链接样式*/
#nav li ul a:link  {color:#515151; text-decoration:none;}
#nav li ul a:visited  {color:#515151;text-decoration:none;}
#nav li ul a:hover {color:#515151;text-decoration:underline;/* 二级onmouseover的字体颜色、背景色*/}
/*---*/
#nav li:hover ul {left: auto;}
#nav li.sfhover ul {left: auto;}
#content {clear: left; }
#nav ul.collapsed {display: none;}

/*========左侧菜单结束======================*/

/*========二级栏目左中右三栏css设置开始=============*/
.contentPage
{
	width :100%;
    margin-right : auto;
    margin-left : auto; 
	background:#F6F6F6;
	
	text-align:left;
	margin-top  :2px;
	margin-bottom  :5px;
}
.leftBar {
	BACKGROUND: #f2f2f2;
	float:left;
	width:18%; _WIDTH:174px;
	height:auto;
	border-top:1px solid #ffffff;
	text-align:center;
	margin-top:3px;
}
.subContent 
{
	BACKGROUND: #ffffff;
	FLOAT:left;
	width:80%;_WIDTH: 780px;
	text-align:left;
	height:100%;
	border-left:1px solid #ffffff;
	margin-right:2px;
	border-top:1px solid #ffffff;
	text-align:left;
	padding: 1px 12px 10px  5px;
	line-height:26px;
}
.subContent turnPic
{
	float: left; margin: 0px auto;
	padding-right: 0px; padding-left: 0px; background: #ffffff;
                            padding-bottom: 0px; margin: 0px auto; width: 100%; padding-top: 0px; height: 100%
}
.subHeader
{
	FLOAT:left;
	width:77%;
	text-align:left;
	height:auto;
	margin-top:3px;
	margin-left:9px;
}
.rightBar 
{
	BACKGROUND: #F6F6F6;
	FLOAT:left;
	width:0px;
	text-align:left;
	padding-left:2px;
	height:500px;
	margin-left:1px;

}
.leftFunction1
{
	display:block;
	width:98%;
	height:auto;
	margin-top:8px;
}
.leftFunction
{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	margin-left:1px;
	margin-top:8px;
	padding-top:5px;
	padding-bottom:0px;
	border:0px solid #c1c1c1;
	border-top:0px solide #ffffff;
	position:relative	
	!important; float:left;
}
.leftFunctionTitle
{
	DISPLAY:block;
	width:100%;
	height:31px;
	background:url(../Images/leftFuncBg.jpg) left no-repeat;
	
	text-align:left;
	text-indent:25px;
	line-height:36px;
	vertical-align:middle;
	font-size:110%;
	font-weight:bold;
}
.leftFunctionContent
{
	display:block;
	width:100%;
	height:auto;
	margin:auto 0px;
	text-align:left
	!important; float:left;
}
/*========二级栏目左中右三栏css设置结束=============*/


/*========二级栏目中当前位置（position）样式设置开始======*/
.position{width:100%;height:28px;background:#f1f1f1;text-indent:15px;line-height:28px;margin-top:3px;margin-bottom:3px}
/*========二级栏目中当前位置（position）样式设置结束======*/



/*=======搜索条设置 searchBar设置开始========*/
.searchBarBlock{float: left; width: 100%;}
.searchBarTopLine{float: left; width: 990px; margin-top: 2px; background-repeat: repeat-x;height: 8px; }
.searchBarProduct{float:left}
.searchProcuctClass{float: left; margin-top: 3px; padding-left: 10px;}
.searchProductType{float: left; margin-top: 3px; padding-left: 10px;}
.searchProductKeyWord{float: left; margin-top: 2px; padding-left: 10px;}
.searchBtn{float: left; width: 22px; height: 19px; margin-top: 5px; margin-left: 20px;background-repeat: no-repeat; }
.searchCompany{float: right; margin-top: 2px; margin-right: 30px;}
/*=======搜索条设置 searchBar设置开始结束========*/

/*=======funcMenuBar设置开始========*/
.funcMenuBar{height: 25px; margin:0 auto;}
.topDiv{ line-height: 25px; height: 25px;}
.topDivStyle{ height: 25px;}
/*=======funcMenuBar设置结束========*/

/*\*/
/* easy clearing */
.home_body:after
        {
        content: '[DO NOT LEAVE IT IS NOT REAL]'; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
        }
.home_body
        {
        display: inline-block;
        }
/*\*/
.home_body
        {
        display: block;
        }
/* end easy clearing */
/*\*/

 .subContent
        {
        padding-bottom: 32767px !important;
        margin-bottom: -32767px !important; 
        }
@media all and (min-width: 0px) {
 .subContent
        {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important; 
        }
.subContent:before
        {
        content: '[DO NOT LEAVE IT IS NOT REAL]';
        display: block;
        background: inherit;
        padding-top: 32767px !important;
        margin-bottom: -32767px !important;
        height: 0;
        }
}
/**/

/*主页more,栏目title字体样式等的样式设置开始*/
 .moremore{float:right;line-height:13px; vertical-align:middle;text-align:right;margin-top:-20px;margin-right:28px;}
.home_listTitle{display:block; float:left; width: 90%;margin: 15px auto 0px 20px;}
.home_listProduct{display:block;float:left;width:100%;height:100%;margin: auto 0px; background-color:#ffffff}
.home_listProductPic{display:block;float:left;width:150px;height:120px;margin:10px auto auto 5px;}
.home_listProductDesc{display:block;float:right;width:40%;height:auto;margin:20px  5px auto 1px;}
/*主页more的样式设置结束*/

/*二级栏目的相关元素设置  开始*/
.aboutTitle{float:left;width:100%;_width:95%;height:25px;margin-top:13px;margin-left:44px; line-height:25px; vertical-align:text-top; font-weight:bold; font-size:large !important;margin-left:22px;background:url(../images/about_point01.gif) left no-repeat;text-indent:15px}
.aboutLine{float:left;width:100%;_width:95%;height:4px;margin-top:7px;background:url(../images/about_line3.gif) top repeat-x;border-left:1px solid #ffffff;}
.aboutDiv{float:left;width:100%;_width:95%;height:20px}
.aboutText{clear:both;margin:0 auto;width:95%;_width:95%;height:auto;}
.commonAboutInfo{clear:both;float:left;width:100%;_width:95%;text-align:left;margin-left:3px;text-align:left}

.productContent{display:block; float:left;clear:both;margin: 10px auto auto 0px;width:100%;height:15px;line-height:15px;border-bottom:1px solid #A2A2A2; font-weight:bold;}
.productsList{width:100%;height:auto;display:block;margin-top:5px;_margin-top:5px;}
.productsPro{float:left;width:125px;height:110px;margin-top:5px;_margin-top:5px;margin-right:5px; }
.productsListPro{float:left;width:136px;height:31px;margin-top:0px auto;_margin:0px auto; border-left: 1px solid #fff; border-top: 1px solid #fff;  display:block; text-align:center; background-color:#efefef;}
.productsPic{float:left;width:120px;height:90px;text-align:center;line-height:90px;margin-right:5px;}
.productsDetail{float:left;width:135px;height:20px;text-align:center;line-height:20px}

.contentTitle{display:block;clear:both;width:100%;text-align:center;margin-top:5px;font-size:larger; font-weight:bold}
.contentDate{float:right;width:50px;margin-top:10px;margin-right:10%}
.contentDetail{display:block;clear:both;width:92%;margin-top:15px;padding-left:30px; }
/*二级栏目的相关元素设置  结束*/

/*--二级栏目内容栏目设置  开始--*/
.subContentList{float:left;width:98%;height:auto;margin-left:10px;margin-top:0px;_margin-left:5px;_margin-top:5px;}

/*--二级栏目内容栏目设置  开始--*/

/*==产品的三级栏目 产品类型列表设置  开始==*/
div_line{margin:0 auto;width:90%;height:20px;margin-top:15px;border-top:1px solid #A2A2A2}
.typeList{display:block;clear:both;width:100%;margin-top:5px;padding-left:20px;}
.typeListName{display:block;width:100%;color:#000000;font-size: 12px; line-height:21px; vertical-align:middle;margin-top:8px; font-weight:bold !important;float:left}
.modelList{display:block;width:100%;height:auto; background-color:#F3F3F3 !important;float:left}
.modelName{display:block;background-color:#F3F3F3;padding-left:20px;padding-right:20px !important;float:left}


/*==产品的三级栏目 产品类型列表设置  开始==*/


.simple_para  {margin:0px auto  15px; width:auto;height:auto;padding-bottom:15px;border-bottom: dotted 1px #CCCCCC;}
.simple_para .title {padding-top:4px;height:26px;line-height:26px;background:url('../Images/mai_r_product_con_bg3.gif') repeat-x;}
.simple_para .title .tag {float:left;width:30px;height:26px;background:url('../Images/mai_r_product_con_bg2.gif') no-repeat;}
.simple_para .content {margin:10px auto 0; width:auto;font-size:12px; line-height:29px;}
.simple_para .content .paddingleft {padding-left:10px;}