/*---------全局样式begin-----------*/
* {margin:0;padding:0;}

html {background:#f8f8f8;}

body {
	width:100%;
	margin:0 auto;
	background:#ffffff;
	font-family:"宋体", Arial, Tahoma, Verdana, sans-serif;
}
a {color:#666666;text-decoration:none;}

a:hover {color:#000000;}

a img {border:0;}

.textbox {
	font-size: 14px;
	border: 1px solid #969696;
	background-color: Transparent;
	height:22px;
}

.inputBox {
	border-top:1px solid #acacac; 
	border-left:1px solid #bcbcbc; 
	border-right:1px solid #eaeaea; 
	border-bottom:1px solid #eaeaea; 
	height:16px; 
	padding:3px 3px 0 3px;
}

.clear{ clear:both;}
.page{ float:left; width:100%;  height:40px; line-height:40px; text-align:center; margin:0 auto; margin-top:10px; margin-bottom:10px ;}
/*---------全局样式end-----------*/


/*-----------网站公共布局部分begin-----------*/
.header{
	width:100%;
	height:76px;
	margin:0 auto;
	background:url(../images/top_bg.jpg) 0 0 repeat-x;
}
.main{
	width:980px;
	height:auto;
	margin:0 auto;
	border-bottom:0x solid #eaeaea;
	clear:both;
	margin-top:1px;
	}
.left{
	float:left;
	width:284px;
	min-height:600px;
	margin-right:20px;
}
.right{
	float:left;
	width:700px;
	min-height:600px;
}
.footer{
	width:980px;
	margin:0 auto;
	height:30px;
	text-align:center;
	line-height:24px;
	margin-top:20px;
}

.footer_dy{
	width:100%;
	margin:0 auto;
	height:50px;
	text-align:center;
	line-height:24px;
	background:url(../images/dy_foot.jpg) 0 0 repeat-x;
	padding-top:10px;
	font-size:12px;
}

/*-----------网站公共布局部分end-----------*/

/*------------所在位置begin-------------------*/
.site{
	width:100%;
	height:40px;
	line-height:40px;
	border-bottom:1px solid #cccccc;
	}
.site_l{ font-size:14px; font-weight:bold; color:#656565;}
.site_r{ float:right; font-size:12px;}
.site_a{ color:#7d0000;}
.site_a a{ color:#7d0000;}
.site_a:hover{ color:#7d0000;}

/*------------所在位置end-------------------*/



/*------------下拉菜单样式begin-------------------*/

/*--------第1种下拉菜单样式begin--------------*/
.ddsmoothmenu{
font: bold 12px Verdana;
background:none; /*background of menu bar (default state)*/
width: 100%;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;

}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
margin-left:11px;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background:none; /*background of menu items (default state)*/
color: #9e9e9e;
padding-top:10px;
padding-left:16px;
padding-right:16px;
padding-bottom:16px;
*padding-bottom:10px;
height:20px;
border-right: 0px solid #778;
text-decoration: none;
font-family:"宋体";
font-size:14px;
font-weight:bold;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: #9e9e9e;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background:url(../images/nav_sanjiao.jpg) 0 8px no-repeat;
color: #008eea;
}

.ddsmoothmenu ul li a:hover{
background:url(../images/nav_sanjiao.jpg) 0 8px no-repeat; 
/*background of menu items during onmouseover (hover state)*/
color: #008eea;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
width:135x;
border:#fff solid 1px;
background:#efefef;
margin-left:-20px;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
background:url(../images/erji_bg1.jpg) center bottom no-repeat;
text-align:center;
margin:0;

}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
margin-left:1px;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal 13px Verdana;
width: 137px; /*width of sub menus*/
margin: 0;
padding:0;
height:30px;
line-height:30px;
background:url(../images/erji_bg.jpg) 12px center no-repeat;
display:block;
}
.ddsmoothmenu ul li ul li a:hover{
background:url(../images/erji_hoverbg.jpg) 12px center no-repeat;
}
/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
/*background: silver;*/
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}
/*--------第1种下拉菜单样式end--------------*/

/*--------第2种下拉菜单样式begin--------------*/

.ddsmoothmenu-v ul{
margin: 0;
padding: 0;
width: 170px; /* Main Menu Item widths */
list-style-type: none;
font: bold 12px Verdana;

border-bottom: 1px solid #ccc;
}
 
.ddsmoothmenu-v ul li{
position: relative;
}

/* Top level menu links style */
.ddsmoothmenu-v ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #778;
border-right: 1px solid #778;
}

.ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active{
background: #414141; /*background of menu items (default state)*/
color: white;
}


.ddsmoothmenu-v ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: black; 
color: white;
}

.ddsmoothmenu-v ul li a:hover{
background: black; /*background of menu items during onmouseover (hover state)*/
color: white;
}

/*Sub level menu items */
.ddsmoothmenu-v ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
font-weight: normal;
visibility: hidden;
}

 
/* Holly Hack for IE \*/
* html .ddsmoothmenu-v ul li { float: left; height: 1%; }
* html .ddsmoothmenu-v ul li a { height: 1%; }
/* End */


/*--------第2种下拉菜单样式end--------------*/
/*------------下拉菜单样式end-------------------*/

/*-------------------------新闻列表样式begin-----------------------------*/

/*第1中新闻列表样式begin*/
.newslist1{
	width:98%;
	margin:0 auto;
	height:auto;
	font-family:"宋体";
	font-size:12px;
	text-align:left;
}

.newslist1 ul{	
	list-style:none;
	font-size:12px;
	line-height:24px;
}

.newslist1 ul li{
	border-bottom:1px dashed #cccccc;
}

.newslist1 ul li a{
	color:#666666;
	background:url(../images/news_bg.jpg) 0 center no-repeat;
	padding-left:16px;
}

.newslist1 ul li a:hover{
	color:#009afe;
	text-decoration:underline;
	background:url(../images/news_hoverbg.jpg) 0 center no-repeat;
}

/*第1中新闻列表样式end*/


/*第2中新闻列表样式begin*/
.newslist2{
	width:98%;
	margin:0 auto;
	height:auto;
}

.newslist2 ul{	
	list-style:none;
	font-size:12px;
	line-height:30px;
}

.newslist2 ul li{
	background:url(../images/xw_list.jpg) 0 center no-repeat;
	padding-left:20px;
	border-bottom:0px dashed #cccccc;
}

.newslist2 ul li a{
	color:#666666;
}

.newslist2 ul li a:hover{
	color:#333333;
	text-decoration:underline;
}

.newslist2 ul li span{
	float:right;
	color:#666666;
}
/*第2中新闻列表样式end*/

/*第3中新闻列表样式begin*/
.newslist3{
	width:98%;
	margin:0 auto;
	height:auto;
}

.newslist3 ul {
	list-style:none;
	font-size:12px;
	line-height:24px;
}
.newslist3 ul li {
	display:block;
	clear:both;
	overflow:auto;
	/*height:24px;
	line-height:1.24px;*/	
	border:solid #fff 1px;	
}
.newslist3 ul li a {
	display:block; 
	overflow:auto;
	border-bottom: #d5d7d0 1px solid; 
	text-decoration:none; 
	color: #666666; 

}
.leftlink {
	float: left;
	clear:left;
}
.rightlink {
	float:right; 
	visibility: hidden;
}
.newslist3 ul li a:hover {
	background: #fafdf4;
	border-bottom-color: #c3b9a2; 
	color: #333333;
}
.newslist3 ul li a:hover span.rightlink {
	visibility: visible; 
	color: #555555;
}
/*第3中新闻列表样式end*/


/*第4中新闻列表样式begin*/

.newslist4{
	width:98%;
	margin:0 auto;
	height:auto;
}

.newslist4 ul {
	list-style:none;
	font-size:12px;
	line-height:30px;
}


.newslist4 ul li { 
	border-bottom:1px solid #e8e5de; 
	background: url(../images/li4.gif) 0 50% no-repeat; 
	}
.newslist4 ul li a { 
	display: block;
	padding-left:20px;
	color:#666;	
	text-decoration:none;
	}
.newslist4 ul li a span {
	float:right;
	}
.newslist4 ul li a:hover{ 
	background:#f6f6f6 url(../images/li4.gif) 0 50% no-repeat; 
	color: #000000;
	}

/*第4中新闻列表样式end*/

/*第5中新闻列表样式begin*/
.newslist5{
	width:98%;
	margin:0 auto;
	height:auto;
}

.newslist5 dl {
	list-style:none;
	font-size:12px;
	line-height:24px;
	height:auto;
}

.newslist5 dl dt{
	font-weight:bold;
	font-size:14px;
	line-height:35px;
	height:35px;
}

.newslist5 dl dt a{
	color:#333333;
}


.newslist5 dl dd{
	font-size:12px;
	line-height:24px;
	height:60px;
	border-bottom:1px dashed #cccccc;
}

.newslist5 dl dd{
	color:#333333;
}
/*第5中新闻列表样式end*/


/*第6中新闻列表样式begin*/
.newslist6{
	width:98%;
	margin:0 auto;
	height:auto;
}

.newslist6 img{
	float:left;
	padding:3px;
	margin-right:10px;
	border:1px solid #cccccc;
}

.newslist6 dl {
	list-style:none;
	font-size:12px;
	line-height:24px;
	padding:15px 0 15px 0;
	height:110px;
	border-bottom:1px dashed #cccccc;
}

.newslist6 dl dt{
	font-weight:bold;
	font-size:14px;
	line-height:35px;
	height:35px;
}

.newslist6 dl dt a{
	color:#333333;
}


.newslist6 dl dd{
	font-size:12px;
	line-height:24px;
	height:auto;
}

.newslist6 dl dd{
	color:#333333;
}
/*第6中新闻列表样式end*/

/*-------------------------新闻列表样式end-----------------------------*/

/*-------------------------新闻详细页begin-----------------------------*/
.news_title{
	width:98%;
	margin:0 auto;
	font-size:16px;
	line-height:30px;
	height:30px;
	font-weight:bold;
	text-align:center;
}

.news_con{
	width:96%;
	margin:0 auto;
	padding:10px;
	line-height:24px;
	font-size:14px;
	height:auto;
	border-bottom:1px dashed #bbbbbb;
}
/*-------------------------新闻详细页end-----------------------------*/


/*-------------------------产品列表样式begin-----------------------------*/

/*第1中产品列表样式begin*/
.prolist1{
	width:90%;
	margin:0 auto;
	height:auto;
	}

.prolist1 ul {
	float:left;
	width:30%;
	list-style:none;
	font-size:12px;
	line-height:30px;
}

.prolist1 ul li{
	text-align:center;
	color:#666666;
}

.prolist1 ul li a{
	color:#666666;
}

.prolist1 ul li a:hover{
	color:#333333;
}

.prolist1 ul li img{
	padding:3px;
	border:1px solid #cccccc;
}
/*第1中产品列表样式end*/

/*第2中产品列表样式begin*/
.prolist2{
	width:98%;
	margin:0 auto;
	height:auto;
}

.prolist2 img{
	float:left;
	padding:3px;
	margin-right:10px;
	border:1px solid #cccccc;
}

.prolist2 dl {
	list-style:none;
	display:block;
	font-size:12px;
	padding:15px 0 15px 0;
	height:70px;
	border-bottom:0px dashed #cccccc;
}

.prolist2 dl dt{
	font-weight:bold;
	font-size:14px;
	line-height:35px;
	height:35px;
}

.prolist2 dl dt a{
	color:#333333;
}


.prolist2 dl dd{
	font-size:12px;
	line-height:24px;
	height:auto;
}

.prolist2 dl dd{
	color:#333333;
}
/*第2中产品列表样式end*/

/*第3中产品列表样式begin*/
.prolist3{
	width:98%;
	margin:0 auto;
	height:auto;
}

.prolist3 img{
	float:left;
	padding:3px;
	margin-right:10px;
	border:1px solid #cccccc;
}

.prolist3 dl {
	float:left;
	list-style:none;
	width:48%;
	display:block;
	font-size:12px;
	padding:15px 0 15px 0;
	margin: 0 10px;
	height:130px;
	border-bottom:1px dashed #cccccc;
}

.prolist3 dl dt{
	font-weight:bold;
	font-size:14px;
	line-height:35px;
	height:35px;
}

.prolist3 dl dt a{
	color:#333333;
}


.prolist3 dl dd{
	font-size:12px;
	line-height:24px;
	height:auto;
}

.prolist3 dl dd{
	color:#333333;
}
/*第3中产品列表样式end*/


/*-------------------------产品列表样式end-----------------------------*/


/*-------------------------产品详情begin-----------------------------*/
.pro_con{
	float:left;
	width:660px;
	min-height:400px;
}

.proshow_title{
	float:left;
	width:660px;
	text-align:center;
	line-height:50px;
	height:50px;
	font-weight:bold;
	font-size:16px;
}

.proshow_img{
	clear:both;
	margin:0 auto;
	background:url(../images/pro_big.gif) no-repeat;
	width:455px;
	height:294px;
}

.proshow_img img{
	margin:10px;
	vertical-align:middle;
	MAX-WIDTH: 100%!important;
	HEIGHT: auto!important;
	width:expression(this.width > 430 ? 430 :  (this.width < 90 ? 90 : true)); 
}

.proshow_con{
	float:left;
	width:640px;
	padding:10px;
	line-height:24px;
	height:auto;
	font-size:14px;
}

.proshow_con h3{
	clear:both;
	color:#00701c;
	font-weight:bold;
	padding:0;
	margin:0;
	display:block;
	padding-left:40px;
	background:url(../images/arrow_pro.gif) no-repeat;
	height:33px;
	line-height:33px;
}

/*-------------------------产品详情end-----------------------------*/


/*-------------------------图文混排(常用首页部分)begin-----------------------------*/

/*第1中图文混排begin*/
.about_index1{
	float:left;
	width:430px;
	height:250px;
	font-size:12px;
}

.about_index1 h3{
	float:left;
	width:100%;
	display:block;
	height:30px;
	line-height:30px;
	font-size:12px;
	color:#333333;
	font-weight:normal;
}

.about_index1 h3 span{ float:right;}

.about_index1 .img1{
	float:left;
	padding:5px;
	margin:15px 3px 15px 3px;
	border:1px solid #dcdcdc;
	background:#ffffff;
	display:inline;
}
.about_index1 p{ float:left; width:100%; line-height:24px;}


/*第1中图文混排end*/

/*第2中图文混排begin*/
.about_index2{
	float:left;
	width:210px;
	height:250px;
	font-size:12px;
}

.about_index2 h3{
	float:left;
	height:30px;
	line-height:30px;
	font-size:12px;
	color:#333333;
	font-weight:normal;
		margin-bottom:10px;
}

.about_index2 h3 span{ float:right;}

.about_index2 .img1{
	padding:5px;
	margin:0 0 10px 0;
	border:1px solid #dcdcdc;
}
.about_index2 p{ line-height:20px;}


/*第2中图文混排end*/
/*-------------------------图文混排(常用首页部分)end-----------------------------*/



/*-------------------------轮播样式begin-----------------------------*/

/*第1轮播样式begin*/
/*第1轮播样式end*/
/*-------------------------轮播样式end-----------------------------*/


/*-------------------- 图片左右滚动begin ------------------------------*/

.lft{float:left;display:inline;}
.rgt{float:right;display:inline;}
.clearfix:after{visibility:hidden;display:block;font-size:1px;content:" ";clear:both;height:0;}
*html .clearfix{zoom:1;} /* IE6 */
*:first-child+html .clearfix{zoom:1;}
.layout{padding:0 0 0 40px;}
.layout  h2{margin:20px 0 20px 0;font-size:14px;}

/* hot picture */
.hotPic{margin:0 0 0 40px;}
.hotPic .JQ-slide{position:relative;width:810px;height:142px;margin:0 0 15px 0;background:#f9f9f9;padding:10px 35px;}
.hotPic .JQ-slide .wrap{width:810px;height:142px;overflow:hidden;position:relative;}
.hotPic .JQ-slide-content{position:absolute;}/*必须要的元素*/
.hotPic .imgList li{width:152px;margin:0 5px;}
.hotPic .imgList img{width:140px;height:100px;}
.hotPic .imgList .txt{height:30px;line-height:30px;}
.hotPic .JQ-slide-nav a{display:block;z-index:99;width:48px;height:48px;overflow:hidden;text-indent:-999em;text-decoration:none;position:absolute;top:40px;background:url(../images/arrow_pic.png) no-repeat;}
.hotPic .JQ-slide-nav a.prev{left:-20px;background-position:0 0;}
.hotPic .JQ-slide-nav a.prev:hover{background-position:-100px 0;}
.hotPic .JQ-slide-nav a.next{right:-20px;background-position:-50px 0;}
.hotPic .JQ-slide-nav a.next:hover{background-position:-150px 0;}
/* imgList */
.imgList{float:none;overflow:hidden;zoom:1}
.imgList li{float:left;display:inline;overflow:hidden;}
.imgList li a{display:block;}
.imgList li .img{border:1px solid #d8d8d8;padding:5px;}
.imgList li a.img:hover{border-color:#b70000;}
.imgList li .txt{text-align:center;overflow:hidden; font-size:12px;}

/*-------------------- 图片左右滚动end ------------------------------*/


/*------tab标签begin--------*/
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(../images/tab.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #27537a;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}
/*------tab标签begin--------*/