﻿/* CSS Document */
/*全局样式*/
body{
margin:0;
padding:0; 
font-family:"微软雅黑",Microsoft YaHei;
font-size:12px; 
color:#666666;
background:url(body_bg.jpg) repeat-x  top center #b8e7ff;
line-height:24px;
}
h1,h2,h3,h4,ul,li,img,p,span{
margin:0;
padding:0;
}
img{
border:none;
}
h1,h2,h3,h4{
font-size:12px;
}
li{
list-style:none;
}
a:link,a:visited{
color:#555;
text-decoration:none;
}
a:hover{
color:#007fbf;
text-decoration:none;
}
.clear{
clear:both;
}

/*头部*/
#header{
margin:auto;
width:1000px;
height:80px;
position:relative;
}
#logo{
float:left;
}

#top_right{
position:absolute;
top:30px;
right:10px;
}

p.top01{
font-size:20px;
text-shadow:10px;
color:#000;
}
p.top02 a{
margin-right:8px;
color:#000;
}
p.top02 a:link,p.top02 a:visited{
color:#000;
}
#menu{
margin:0px auto;
width:1000px;
line-height:48px;
height:48px;
}

#menu ul li{
float:left;
width:106px;
text-align:center;
margin-left:20px;
}
#menu ul li a{
display:block;
font-size:14px;
line-height:48px;
font-weight:bold;
}

#menu ul li a:link,#menu ul li a:visited{
color:#fff;
}
#menu ul li a:hover{
background:url(menu_hover.jpg) no-repeat left center;
}


#banner{
margin:0px auto;
width:100%;
text-align:center;
background:url(banner_bg.jpg) no-repeat top center;
height:427px;
}



.oleft{
margin:0px auto;
width:997px;
margin-top:-18px;
z-index:800;
padding-top:10px;
position:relative;
background:url(pro_bg2.jpg) no-repeat left top;
}
h2.pro_h2title{
color:#fff;
float:left;
font-size:16px;
margin-left:20px;

}
span.pro_en{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
float:left;
color:#fff;
text-transform:uppercase;
padding-left:15px;
}
span.tujian_more{
float:right;
margin-top:-22px;
margin-right:30px;
}
span.tujian_more a:link,span.tujian_more a:visited{
color:#fff;
}
span.tujian_more a:hover{
text-decoration:underline;
}

.LeftBotton{
float:left;
width:14px;
color:#fff;
margin-left:5px;
margin-right:5px;
margin-top:80px;
}
.RightBotton{
float:right;
width:15px;
margin-right:12px;
color:#fff;
text-transform:uppercase;
margin-top:80px;
}
td.pic{
text-align:center;
margin-left:5px;
padding-right:9px; 
}
td.pic a:link,td.pic a:visited{
color:#fff;
}
#container{clear: both;
margin:0px auto;width:997px;
margin-top:10px;
margin-bottom:30px;
overflow:hidden;
}
#wrapper{
margin:0px auto;
width:947px;
background:#fff;
padding:0px 30px 0px 20px;
overflow:hidden;
}
#content_index{
float:right;
width:640px;
}
#navigation{
float:left;
width:300px;
}
.prolist_index{
background:#fff;
overflow:hidden;
padding-left:10px;
padding-bottom:15px;
padding-right:10px;
}
#new_index{
float:left;
width:320px;
border-left:1px solid #e9e9e9;
border-right:1px solid #e9e9e9;
background:#f7f7f7;
padding:0px 10px 20px 10px;
}
h3.new_h3title{
font-size:16px;
padding-top:15px;
}

h2.new_h2title{
font-size:16px;
padding-top:15px;
}

span.en_css{
float:left;
margin-left:68px;
margin-top:-22px;
text-transform:uppercase;
}
span.more01{
float:right;
margin-top:-22px;
}
ul.news{
clear:both;
border-top:1px solid #eaeaea;
}
ul.news img{
float:left;
margin-right:10px;
margin-top:8px;
}

ul.news li a{
padding-left:8px;
line-height:22px;
padding-bottom:3px;
}
ul.news li a:link,ul.news li a:visited{
background:url(new_link.jpg) no-repeat left bottom;
}
ul.news li a:hover{
background:url(new_hover.jpg) no-repeat left bottom;
color:#007fbf;
}
.company_index{
float:right;
margin-left:10px;
width:277px;
}
ul.prolist_nav{
clear:both;
border-top:1px solid #eaeaea;
padding-top:10px;
}
ul.prolist_nav li{
}
ul.prolist_nav li a{
float:left;
width:254px;
line-height:26px;
margin-bottom:2px;
padding-left:20px;
_padding-left:10px;
display:block;
font-size:14px;
}
ul.prolist_nav li a:link,ul.prolist_nav li a:visited{
background:url(list_visited.jpg) no-repeat right center #ececec;
color:#6295c0;
}
ul.prolist_nav li a:hover{
background:url(list_hover.jpg) no-repeat right center #6295c0;
color:#fff;
}
ul.prolist_nav li a.red:link,ul.prolist_nav li a.red:visited{
background:url(list_hover.jpg) no-repeat right center #6295c0;
color:#fff;
}

#footer_index{
clear:both;
background:#007fbf;
color:#fff;
padding:10px 0px;
}
#footer{
margin:0px auto;
width:997px;
text-align:center;
}
#nav_left{
float:left;
width:294px;
}
#content{
float:right;
width:660px;
background:#fff;
padding:10px 15px;
}
.contact_nav{
clear:both;
float:left;
width:274px;
background:#fff;
padding:0px 10px;
}
.contact_nav p{
clear:both;
border-top:1px solid #eaeaea;
padding-top:10px;
padding-bottom:20px;
}
.h1title{
background:url(h1title.jpg) no-repeat left center;
padding-left:20px;
border-bottom:1px solid #007fbf;
font-size:16px;
line-height:30px;
}
p.h1title{
font-weight:bold;
}
span.more{
float:right;
margin-top:-30px;
}
.mydefault_content{
margin-top:10px;
}
.mydefault_content p{
margin-top:5px;
}
p.about02{
line-height:30px;
}
p.about02 span{
font-weight:bold;
}
#news-content{
padding:5px 0px;
border-bottom:1px dashed #ccc;
}


#news-content span{
float:right;
padding-right:12px;
}
#news-content h2{
font-weight:normal;
}
#news-content h2 a{
padding-left:10px;
}
#news-content h2 a:link,#news-content h2 a:visited{
background:url(dian.jpg) no-repeat left center;
}
#news-content h2 a:hover{
background:url(dian_hover.jpg) no-repeat left center;
}
#page{
margin:0px;
padding:0px;
text-align:center;
clear:both;
}

#page a,#page span.disabled,span.current{border:1px solid #ccc; padding:3px;margin-left:3px; line-height:30px; }
#page span.current,#page a:hover{border:1px solid #007fbf;}
h1.biaoti{
margin:0px auto;
width:100%;
text-align:center;
padding-top:20px;
color:#007fbf;
}
span#title_extra{
margin:10 auto;
display:block;
text-align:center;
}

#up_down{
margin:0px auto;
border:1px solid #ccc;
padding:5px 10px;
}
ul.image{
clear:both;
}
ul.image li{
float:left;
width:200px;
margin:0px 10px;
_margin:0px 8px;
text-align:center;
height:200px;
}
ul.image li img{
margin-bottom:5px;
}
#cp_lr{
margin-bottom:10px;
padding-top:10px; 
padding-bottom:15px; 
line-height:22px; 
text-align:center;
}
#cp_lr p{
text-align:left;
}
h3.chanpin-title{
padding-left:10px;
color:#666666;
font-size:12px;
border:1px solid #CACACA;
height:30px;
line-height:30px;
margin-bottom:15px;
margin-top:10px
	
}
	
.related_product{
margin:auto;
width:98%;
padding-bottom:8px;
}
.related_product h4{
display:block;
font-size:12px;
font-weight: normal;

}
.related_product li{
float:left;
width:140px;
margin:0px 10px;
_margin:0px 9px;
text-align:center;
	}

.related_product img {
width:140px;
height:105px;
}
img.img_css02,img.img_css{
float:left;
}
/*news02*/
#news02{ clear:both; overflow:hidden; padding-top:15px; background:#FFF; padding-left:30px; padding-bottom:15px}
#news02 h2{ font-size:14px; line-height:40px}
#news02 ul li{ float:left; width:450px; line-height:25px; list-style:none}

.pro_index{clear:both;margin:0px auto;width:1000px;height:400px;overflow: hidden;}
.pro_index ul li{width: 199px;
  height: 200px;
  float: left;
  text-align: center;}
.pro_index ul li h4{color: white;font-weight: normal;}


