﻿/*****************************************************中部区域****************************************************************/
.list
{
    width: 1193px;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 10px;
    border: 0px solid  red;
}

/**************************************************右侧内容******************************************************/
.list .listcontent
{
    float:left;
    margin-left:10px;
    width:890px;
    border:0px solid  red;
    padding-top:5px;
    padding-left:10px;
    padding-right:10px;
}
/************************************右上标题************************************************/
.list .listcontent .contenttitle
{
    height:30px;
    margin-left:10px;
    margin-top:5px;
    margin-bottom:5px;
    font-size:16px;
    color:#666;
}

.list .listcontent .contenttitle .contenttitleleft
{
    float:left;
    border:0px solid  red;
}

.list .listcontent .contenttitle .contenttitleright
{
    float:right;
    border:0px solid  red;
	border:1px solid #dedede
}

/*******************************右上按钮区域*********************************/
.list .listcontent .contenttitle .contenttitleright .btn
{
    margin-left:10px;
    margin-right:10px;
    line-height:28px;
    height:28px;
    width:70px;
    border:0px solid  red;
    font-size:14px;
    color:#000;
}
.list .listcontent .contenttitle .contenttitleright .btn img
{
    width:20px;
    height:20px;
    margin-top:3px;
    margin-left:5px;
    margin-right:5px;
    float:right;
}
.list .listcontent .contenttitle .contenttitleright .btn div
{
    margin-top:2px;
    float:left;
}

.list .listcontent .contenttitle .contenttitleright .search
{
    width: 170px;
    margin-left:0px;
    padding:0px;
    color:#f0f0f2;
    display:inline;
    float:left;
}
.list .listcontent .contenttitle .contenttitleright .search .searchtext
{
    float:left;
    height:24px;
    width: 125px;
    margin-left:3px;
    margin-top:1px;
    border:none;
    color:#848484;
    display:inline;
	outline:none
}
.list .listcontent .contenttitle .contenttitleright .searchtext input::-webkit-input-placeholder
{color:    #000;}
.list .listcontent .contenttitle .contenttitleright .searchtext input:-moz-placeholder
{color:    #000;}
.list .listcontent .contenttitle .contenttitleright .searchtext input::-moz-placeholder
{color:    #000;}
.list .listcontent .contenttitle .contenttitleright .searchtext input:-ms-input-placeholder
{color:    #000;}

.list .listcontent .contenttitle .contenttitleright .fankui
{
    float:left;
    vertical-align:middle;
    text-align:center;
    display:none;
}
.list .listcontent .contenttitle .contenttitleright .fenxiang
{
    float:left;
    vertical-align:middle;
    text-align:center;    display:none;
}
/***************************************右下内容区域************************************************/
/****************************当分类介绍时********************************/
.list .listcontent .contentarea
{
    width:100%;
    min-height:500px;
    border:0px solid  red;
}
/****************************当产品列表时********************************/
.list .listcontent .listarea
{
    width:100%;
    min-height:670px;
    border:1px solid  #DEDEDE;
    position:relative;
}
.list .listcontent .listarea .listitem
{
   float: left;
border: 0px solid #DEDEDE;
height: 210px;
width: 295px;
overflow: hidden;

}
.list .listcontent .listarea .listitem .item1 {
position: relative;
width: 100%;
height: 120px;
text-align:center;
margin-top:20px;
}
.list .listcontent .listarea .listitem .item1 img {
width: 170px;
height: 136px;
}
.list .listcontent .listarea .listitem .item2 {
color: #c4261d;
font-family: "微软雅黑";
font-size: 16px;
line-height: 18px;
text-align: center;
margin-top:15px;
}
.list .listcontent .listarea .listitem .item2 a
{
    text-decoration:none;
    color: #4f4e4e; 
    font-size: 12px;
}
.list .listcontent .listarea .listitem .item3 {
color: #4f4e4e;
font-family: "微软雅黑";
line-height: 18px;
text-align: center;
margin-top:5px;
}
/***分页***/
.list .listcontent .listarea .pagebox
{
	font-size: 12px;
	line-height: 200%;
	font-weight: normal;
    position:absolute;
    bottom:0px;
    margin:0px auto;
    width:920px;
}
.list .listcontent .listarea .pagebox .pageInfo
{
	margin-top: 10px;
	padding: 0 10px;
	font-size: 12px;
	line-height: 1.8em;
	color: #444;
}
.list .listcontent .listarea .pagebox .pageInfo p
{
	margin: 10px 0;
}
.list .listcontent .listarea .pagebox .pageInfo p.downfile
{
	margin-top: 10px;
	padding-left: 30px;
	background: url(../images/download.gif) no-repeat 5px center #EAFED3;
	border: #E3E3E3 solid 1px;
	line-height: 28px;
}
.list .listcontent .listarea .pagebox .pageInfo b, .pageInfo strong
{
	font-size: 14px;
	color: #0286cd;
	font-family: "宋体";
}
.list .listcontent .listarea .pagebox .pageInfo h1
{
	font-size: 16px;
	text-align: center;
	line-height: 1.8em;
}
.list .listcontent .listarea .pagebox .pageInfo .note
{
	color: #999;
	font-size: 12px;
	line-height: 30px;
	text-align: center;
}

/****************************当产品详情时********************************/
.list .listcontent .itemarea
{
    width:100%;
    min-height:500px;
    border: 1px solid  #DEDEDE;
    min-height:300px;
}

.list .listcontent .itemarea .itemline1
{
     margin:30px 50px 30px 50px;
     border: 0px solid  red;
}

.list .listcontent .itemarea .itemline1 .brief
{
    border:0px solid  red;
    height:200px;
}

.list .listcontent .itemarea .itemline1 .brief .mainpic
{
    float:left;
    width:250px;
    height:200px;
}
.list .listcontent .itemarea .itemline1 .brief .ptitleline
{
    float:left;
    margin-left:50px;
    width:470px;
    height:200px;
}
.list .listcontent .itemarea .itemline1 .brief .ptitleline .ptitle1
{
    margin-top:10px;
    border: 0px solid  red;
    height:25px;
    font-size:16px;
}
.list .listcontent .itemarea .itemline1 .brief .ptitleline .ptitle2
{
    height:25px;
    margin-top:15px;    
    border: 0px solid  red;
    font-size:15px;
}
.list .listcontent .itemarea .itemline1 .brief .ptitleline .ptitle3
{
    margin-top:35px;
    border: 0px solid  red;
    height: 65px;
}
.list .listcontent .itemarea .itemline1 .brief .ptitleline .ptitle3 img
{
    width: 90px;
    height: 65px;
    margin-left:5px;
    border:1px solid f0f0f2; 
}
.list .listcontent .itemarea .itemline2
{
     height:40px;
     background-color:#f0f0f2;
     border-bottom: 1px solid  #DEDEDE;
}
.list .listcontent .itemarea .itemline2 .detailsnav
{
    width:150px;
    text-align:center;
    font-size:16px;
    height:40px;    
    float:left;
}
.list .listcontent .itemarea .itemline2 .detailsnava
{
    background-color:#e1e1e1;

}
.list .listcontent .itemarea .itemline2 .detailsnav .detailsnavtxt
{
    height:25px;
    padding-top: 5px;
    padding-bottom: 5px;
    color:#005BAC;
}
.list .listcontent .itemarea .itemline2 .detailsnava .detailsnavtxt
{
    color:#005BAC;
}
.list .listcontent .itemarea .itemline2 .detailsnava .detailsnavbottom
{
    height:5px;
    background-color:#005BAC;
    
}
.list .listcontent .itemarea .itemline3
{
    padding:10px;
    min-height:200px;
    border: 0px solid  red; 
    padding:20px;
    color: #666;
}
.list .listcontent .itemarea .itemline3 .detailscontent
{
    display:none;
}
.list .listcontent .itemarea .itemline3 .detailscontenta
{
    display:block;
}

.detailscontent table{
border:1px solid #ccc; border-collapse:collapse;
width:100%;
}
.detailscontent table td{
border:1px solid #ccc;
word-break: break-all;
}