@charset "utf-8";
/* 定义网页体 */
*{
margin : 0;
padding : 0;
}
body {
background-color:#FFFFFF;
padding:0px;
margin:0 auto;
text-decoration:none;
text-align:center;
color:#656565;
line-height:2em;
font-family: Arial, Helvetica, sans-serif, "宋体";
}
body /* Mozilla Firefox alignment */
{
text-align: -moz-center;
font-size:12px;
font-family: Arial, Helvetica, sans-serif, "宋体";
}
/* 定义 公共 超链接 */
a:link {
color: #606060;
text-decoration: none;
}
a:visited, a:active {
text-decoration: none;
color:#606060;
}
a:hover {
text-decoration: none;
color: #FF0000;
}

/*** head start ***/
#head {
width : 965px;
background : url("images/headbg.gif") repeat-y;
}
#logo {
width : 165px;
height : 68px;
float : left;
}
#serHomeNav {
width : 797px;
float : right;
background : url("images/head_top_bg.gif") no-repeat left top;
}
#setHome {
width : 797px;
height : 30px;
list-style : none;
margin-top:10px;
}
#setHome ul{
margin:0;
padding:0;
height: 20px;
}
#setHome li {
line-height: 20px;
float : right;
margin-right : 15px;
}

#navModified {
width : 6px;
height : 30px;
float : left;
background : url("images/nav_01.gif") no-repeat;
}
#nav {
width : 641px;
height : 30px;
float : left;
line-height : 30px;
list-style : none;
background : url("images/nav_02.gif") repeat-x bottom;
}
#nav li {
width : 106px;
line-height : 30px;
float : left;
overflow : hidden;
}
#nav li a {
width : 99px;
height : 30px;
display : block;
text-align : center;
color : #FFFFFF;
font-weight : bold;
padding : 0 2px;
float : left;
overflow:hidden;
}
#nav li a:link, #nav li a:visited {}
#nav li a:hover {}
#nav #current a:link, #nav #current a:visited {}

#nav li b {
width : 2px;
height : 30px;
float : left;
background : url("images/nav_03.gif") no-repeat top;
}
#searchContainer {
width : 150px;
height : 27px;
padding-top: 3px;
float : left;
background : url("images/nav_02.gif") repeat-x bottom;
}
#searchForm {}
#search {
width : 29px;
height : 17px;
margin : -20px 0 0 10px;
padding : 0;
background : url("images/search.gif") no-repeat;
border:0;
}
#headline {
clear:both;
width : 965px;
height : 11px;
background : url("images/headline.gif") repeat-x;
}
#banner{
width : 965px;
height : 170px;
margin-top : 2px;
clear : both;
overflow : hidden;
}
/*** head end   ***/

/*** containter start ***/
#container {
width: 965px;
height:auto;
text-align : left;
}


#content {
width : 766px;
float : left;/*background-color:#ECECEC;*/
text-align : left;
}
#textBlock {
}
.textContainer {
width : 383px;
float : left;
}
.textTitle {
height : 34px;
background : url("images/titleimg_02.gif") repeat-x;
}
.titleName , #indexProTitleName, #contactusTitleName, #friendTitle {
width : 323px;
height : 25px;
padding-top : 9px;
font-weight : bold;
font-size : 14px;
padding-left : 10px;
color : #000000;
background : url("images/titleimg_01.gif") no-repeat left bottom;
float : left;
}
.more {
width : 41px;
height : 13px;
float : left;
position : relative;
top : 10px;
}
.more img {
position : absolute;
top : 0;
bottom : 8px;
left : 0;
}
.textContent{
height : 147px;/*background-color:#CCCCCC;*/
padding-top : 10px;
}

.technical {
width : 345px;
margin-left : 10px;
border-bottom : 1px #888888 dashed;
}
.technicalList {
width : 280px;
background : url("images/icon_01.gif") no-repeat left center;
padding-left : 20px;
float : left;
}
.technicalList2 {
width : 255px;
background : url("images/icon_01.gif") no-repeat left center;
padding-left : 20px;
float : left;
}
.technicalDown {
width : 45px;
float : left;
}

#indexProduct {
margin-top : 2px;
}
#indexProTitle {
width : 764px;
height : 23px;
border : 1px #CCCCCC solid;
background : #F2F2F2;
}
#indexProTitleName {
width : 685px;
height : 23px;
padding-top : 0px;
padding-left : 20px;
background : url("images/titleimg_01.gif") 1% 100% no-repeat;
}
#pmore {
width : 41px;
height : 13px;
float : left;
position : relative;
top : 0px;
}
.pmore img {
position : absolute;
top : 0;
bottom : 8px;
left : 0;
}
#indexProContent {
width : 764px;
height : 160px;
border-left : 1px #CCCCCC solid;
border-bottom : 1px #CCCCCC solid;
border-right : 1px #CCCCCC solid;
}

/*** 选项卡 ***/
*{font-size:12px;}
html,body{margin:0;text-align:center;over-flow:hidden;height:100%;width:100%;}
UL{list-style-type:none; margin:0px;}
/* 标准盒模型 */
.ttl{height:18px;}
.ctt{
height:123px;
padding:6px;
clear:both;
border:1px solid #DDDDDD;
border-top:0;
text-align:left;
/*border:1px blue solid;*/
overflow:hidden;
}
.w936{margin:2px 0;clear:both;width:764px;/*滑动门的宽度*/}
/* TAB 切换效果 */
.tb_{background-image: url('images/tab2.gif'); background-repeat: repeat-x;background-color: #FEFEFE;}
.tb_ ul{height:24px;}
.tb_ li{float:left;height: 24px;line-height:1.9;width: 105px;cursor:pointer; margin-left: 5px; padding-left: 10px;}
/* 控制显示与隐藏css类 */
.normaltab {color:#000000; overflow:hidden;}
.hovertab {background: url('images/tab.gif') no-repeat; color:#1254AA; font-weight:bold; overflow:hidden;}
.dis{display:block; height: 120px; overflow:hidden;}
.undis{display:none;}
/*** 选项卡结束 ***/

.productBox, .productBox2 {
width : 365px;
height : 55px;
margin-bottom : 7px;
float : left;
background-color : #F5F5F7;
}
.productBox2 {
margin-left: 15px;
}
.productBoxImg {
width : 114px;
height : 55px;
border-right : 1px #B9B9B9 solid;
overflow : hidden;
float : left;
}
.productBoxImg div {
margin-top: 6px;
margin-left : 8px;
width : 93px;
height : 38px;
background-color : #FFFFFF;
padding : 2px;
}
.productBoxImg div img {
width : 90px;
height : 35px;
border : 1px #9D9D9D solid;
}
.producIntro {
width : 235px;
height : 55px;
line-height: 20px;
padding-left : 15px;
float : left;
overflow: hidden;
}
.producIntro span {margin-right: 10px; display: block;}

#tags {
width : 199px;
float : right;
background : url("images/titleimg_02.gif") repeat-x;
}
#training {
padding-left : 9px;
}
#trainingTitleName {
height : 25px;
padding-top : 9px;
font-weight : bold;
font-size : 14px;
padding-left : 10px;
color : #000000;
background : url("images/titleimg_01.gif") no-repeat left bottom;
}
#trainingContent {
height : 145px;
padding-top : 10px;
background-color : #F6F6F6;
padding-left : 6px;
}
.trainList {
padding-left : 8px;
background : url("images/icon_02.gif") no-repeat left center;
}

#contactus {
padding-left : 9px;
margin-top : 2px;
}
#contactusTitleName {
width : 175px;
height : 23px;
padding-top : 0px;
padding-left : 10px;
font-weight : bold;
background : #F2F2F2 url("images/titleimg_01.gif") 2% 100% no-repeat;
border : 1px #D7D7D7 solid;
}
#contactusContent {
width : 178px;
/*height : 150px;*/
padding-top : 10px;
padding-left : 10px;
background-color : #F6F6F6;
}

#friendlink {
clear : both;
height : 65px;
margin-top : 20px;
background-color : #FBFBFB;
border : 1px #E9E9E9 solid;
}
#friendTitle {

height : 25px;
padding-top : 0;
padding-left : 20px;
line-height : 25px;
background : url("images/titleimg_03.gif") 2% 50% no-repeat;
}
#friendContent {
height : 35px;
clear : both;
}
#friendContent ul {
margin : 0;
padding : 0;
list-style : none;
}
#friendContent ul li {
min-width : 80px;
height : 35px;
line-height : 35px;
float : left;
margin-left : 15px;
}

/*** containter end   ***/

/*** sub page body start ***/
/*** navigation list start ***/
#list {
width : 200px;
float : left;
margin-bottom: 10px;
background : #F6F6F6 url("images/titleimg_02.gif") repeat-x;
}
#list h3 {
height : 34px;
line-height : 34px;
background : url("images/titleimg_03.gif") no-repeat 2% 50%;
padding-left : 15px;
color : #000000;
font-size : 14px;
}

/*** navigation list end ***/
#mainContent {
width : 600px;
float : left;
background-color : #FCFCFC;
}

#titlePath {
height : 34px;
line-height : 34px;
background : #CCCCCC url("images/titleimg_02.gif") repeat-x;
}
#parentTitle {
padding-left : 15px;
font-weight : bold;
background : url("images/titleimg_03.gif") no-repeat left center;
float:left;
}
#path {
float:right;
margin-right : 20px;
color : #1E543D;
}
#contentBody {
padding : 1.5em;
clear:both;
}
#contentBody #productTypeList {border-collapse: collapse;}
#contentBody #productTypeList td{
padding: 5px;
border:1px #E3E3E3 solid;
}
#contentBody table #productTypeListTitle td {
text-align: center;
padding: 5px;
font-weight: bold;
font-size: 14px;
background-color: #F0F0F0;
border-left: 1px #E3E3E3 solid;
border-top: 1px #E3E3E3 solid;
border-right: 1px #E3E3E3 solid;
}
#productTypeIntroduceTitle {
padding: 5px 15px;
font-weight: bold;
font-size: 14px;
background:url("images/icon_03.gif") no-repeat left center;
}
#productTypeIntroduce {
background: #F6F5F7 url("images/productlistbg.gif") repeat-x;
padding: 10px 5px;
border-left: 1px #C3C3C3 solid;
border-right: 1px #C3C3C3 solid;
border-bottom: 1px #C3C3C3 solid;
margin-bottom: 0.8em;
}

#productDetails, #productsTurn {
clear : both;
margin-top : 15px;
}
#productDown {margin-top: 1.5em;}
#productDownTitle {
background: url("images/download2.gif") no-repeat left center;
padding-left: 20px;
border-bottom: 2px dashed #CCCCCC;
font-weight: bold;
font-size: 14px;
}
#productDownContent {padding-top: 0.5em;}
#productDownContent ul {list-style: url("images/icon_02.gif") outside; padding-left: 15px;}
#productDownContent ul li a:hover {text-decoration: underline;}
#article{}
#news_title{
height : 20px;
}
#news_title h1{
height : 20px;
font-size : 1.5em;
text-align : center;
margin : 0;
padding : 10px 0;
}
#news_info{
	text-align : center;
	border-top : 1px #CCCCCC solid;
	border-bottom : 1px #CCCCCC solid;
}
#news_info span{
	margin-left : 25px;
}
#downFile {
	text-align : right;
	border-bottom : 1px #CCCCCC solid;
}
#downFile span{
	margin-left : 25px;
}
#news_content{
	text-indent : 2em;
	padding : 15px 0;
}
.turnPages {
width : 450px;
}

/***新闻列表开始***/
#newlist{
	margin-top : 10px;
}

.per_news_list{
width:550px;
padding-left : 10px;
background:url("images/i_03.gif") no-repeat left center;
}

.per_news_list:hover{
border-bottom:1px #CCCCCC dashed;
}
.per_news{
float:left;
width:470px;
padding-left:10px;
}
.per_news a{
display:block;
height:2em;
line-height:2em;
}
.per_time{
float:left;
width:70px;
}
#turnThePages{
	clear : both;
	margin : 15px;
}
/*** 新闻列表结束 ***/

/*** product style start ***/
.productinfo{
height:175px;
width:inherit;
margin-bottom:10px;border:1px #9A9A9A solid;
}
.prodimg{
float:left;
width:150px;
height:150px;
border:5px #F3F3F3 solid;
text-align:center;
margin-top:10px;
margin-left:10px;
}
.productintro{
float:left;
margin-left:15px;
margin-top:10px;
width:365px;
height:155px;
border:1px #CCCCCC solid;
}
.productintro b {
padding-left : 10px;
}
.productintro .prodIntro{
height:100px;
margin:0px;
padding:0px 0px 0px 10px;
border-top:1px #CCCCCC solid;
border-bottom:1px #CCCCCC solid;
overflow:hidden;
}
.prodBotton{
width:350px;
height:20px;
padding-left : 10px;
line-height:20px;
margin-top:5px;
}
/*** product style end ***/

/*** product content style start ***/
#productContent {}
#productImgIntroduce {
height : 200px;
}
#productImg {
width : 200px;
height : 200px;
float : left;
}
#productIntroduce {
width : 330px;
height : 200px;
margin-left : 15px;
padding-left : 15px;
border-left : 1px #CCCCCC solid;
float : left;
}
#productDetails {
clear : both;
margin-top : 15px;
}
/*** product content style end ***/

/*** download list style start ***/
#downlist {}
#downlist .downloadItem {
list-style-image: none;
background: url("images/i_03.gif") no-repeat left center;
display: inline;
padding-left: 15px;
}
#downlist .downloadFile {
list-style-image: none;
display: inline;
margin-right: 20px;
margin-left: 10px;
float: left;
}
.file_remark {
padding-left: 10px;
}
/*** download list style end ***/

/*** quick list start ***/
#showProduct {
width : 165px;
background : #F6F6F6 url("images/titleimg_02.gif") repeat-x;
float : left;
}
#showProduct h3 {
height : 34px;
line-height : 34px;
padding-left : 15px;
background : url("images/titleimg_03.gif") no-repeat 2% 50%;
}
#showProductContent {
padding-left: 10px;
padding-top: 15px;
padding-bottom: 15px;
}

#sideContactus {}
#sideContactusTitleName {
width : 153px;
height : 23px;
padding-top : 0px;
padding-left : 10px;
font-weight : bold;
background : #F2F2F2 url("images/titleimg_01.gif") 2% 100% no-repeat;
border : 1px #D7D7D7 solid;
}
#sideContactusContent {padding : 10px;}
#sideContactusimg {width: 160px; margin-top: 5px; overflow: hidden;}
/*** quick list end ***/

/*** customer service ***/
#visualization {
width: 200px;
overflow: hidden;
}

/*** sub page body end ***/

/*** foot ***/
#foot {
clear : both;
width : 965px;
height : 60px;
padding-top : 20px;
margin-top : 5px;
min-height : 80px!important;
background : url("images/foot_bg.gif") repeat-x top;
}
#copyRight {
width : 900px;
float : left;
}
#top {
width : 65px;
float : left;
}
