@charset "utf-8";
/* CSS Document */
@import url("pagebuee.css");

body {font-size:12px;padding: 0;margin: 0;height: auto;font-family:Arial,'宋体','SongTi'; background:url(../images/bg.jpg) top center repeat-x #f3f3f3; color:#666;}
img {border:0;}
h1, h2, h3, h4, h5, h6, form, div, p, i, img, ul, li, ol, table, tr, td, fieldset, label, legend, dl, dd, dt  hr {margin:0;padding:0;}
li{ list-style-type:none;}
a{text-decoration:none; color:#666;}
a:hover{ color:#f00; text-decoration:underline;}
/*****************************head*****************************************/
.margin_auto{ margin:0 auto; width:1006px; }
.w100{width:100%;background:#fff}
.logo{background:url(../images/logo.jpg) no-repeat; width:580px; height:94px; float:left; }
.logo a{display:block; height:94px; width:580px;}
.tel{float:right; background:url(../images/tel.jpg) no-repeat; width:272px; height:71px;}
.head{ height:116px; padding-top:31px; overflow:hidden; position:relative; overflow:hidden ;background:url(../images/index_r2_c1.jpg) repeat-x}
.join_us{ position:absolute; right:5px; top:5px; color:#000;}
.join_us a{ color:#000;}
.navbg{ height:45px; width:100%; background:url(../images/menubg.jpg) repeat-x}
.nav{ height:45px; line-height:45px; width:1006px;  ;background:url(../images/menubg.jpg) repeat-x}
.nav ul{padding-left:20px; }
.nav ul #nav_hover{width:98px;background:url(../images/overbg.jpg) no-repeat bottom center; color:#000 }
.nav ul li{ width:98px; height:45px; line-height:45px; text-align:center; background:url(../images/line.jpg) right  center no-repeat; float:left; font-size:14px; font-weight:600; font-family:"Microsoft Yahei";}
.nav ul li a{ display:block; color:#fff; width:98px; height:45px; text-align:center; font-family:"Microsoft Yahei"; font-size:14px; font-weight:normal;}
.nav ul li a:hover{  color:#FF0; text-decoration:none; width:98px;background:url(../images/overbg.jpg) no-repeat bottom center; color:#000}
#nav_hover{color:#FF0;}
/*banner*/
.banner{ margin:0 auto; ;  overflow:hidden; padding:5px 0; text-align:center;width:100%; background: url(../images/bannerbg.jpg) repeat-x top center  #B2D5E8; }
/*content*/
.left{width:320px; float:left; padding-left:15px; }
.right{width:660px; overflow:hidden; float:left; padding:13px; border-right:1px solid #ddd;}
.content01{ height:275px; padding-bottom:80px; overflow:hidden}
.bgcontent{background:url(../images/contentbg.jpg) top repeat-x #fff; padding-top:30px}
.about{width:475px; float:left; height:219px; }
.news{width:670px; overflow:hidden;background:#fff; float:left; padding:15px; padding-right:0;padding-top:0; margin-right:18px; height:270px;}
.brand{ width:230px;   position:relative;}
.clear{clear:both}
.hd{height:43px; background:url(../images/titlebg.jpg) repeat-x;}
.news .hd ul{ height:43px;}
.news .hd ul li{ float:left; width:128px; line-height:43px; font-size:14px; text-align:center; cursor:pointer; height:43px; margin-right:2px; font-family:"Microsoft Yahei"; color:#fff }
.contright{ float:left;width:280px; background:#fff; height:265px; font-family:"Microsoft Yahei"; padding:10px; line-height:24px; font-size:14px}
.contrighth2{background:url(../images/jc.jpg) no-repeat center left; height:65px; width:300px; float:right}
.news .hd ul li.on{ background:#fff; color:#000;}
.imgfous{width:252px; height:159px; float:left; padding:10px 20px 10px 0;}
.bd ul{float:left;width:390px;}
.bd ul li{ text-indent:10px; line-height:32px; height:32px; border-bottom:1px dotted #ddd; background:url(../images/ico.jpg) no-repeat center left; position:relative }
.bd ul li span{position:absolute; color:#999; right:0; top:6px;}
.news_title{ background:url(../images/news.jpg) no-repeat left center; height:65px; line-height:65px; position:relative;width:680px; float:left;}
.about_title h2{ font-size:16px; font-family:"Microsoft Yahei"; font-weight:normal; text-indent:13px; color:#fff}
.about_title h2 a{ position:absolute; right:0; font-size:12px; color:#F30}
.more{ right:10px; top:3px; font-size:8px; color:red; font-family:"Microsoft Yahei";}
.more:hover{ text-decoration:none;}
.about_content{ padding:10px; line-height:30px; color:#333; font-size:12px; }
.about_content img{margin:10px; float:left;}
.about_content p a{ color:#f00;}
#news_title{ background:url(../images/barBrand.jpg) no-repeat;}
.news_img{ float:left; width:120px; height:90px; padding:15px; padding-top:20px;}
.news_list{ float:left; width:260px;   padding:10px 15px 10px 0; line-height:20px;}
.news_list h2{ font-size:12px; color:#066c18;}
.news_list p{ border-bottom:1px dotted #dcdcdc;}
.news_list ul{ padding-top:5px;}
.news_list li{ position:relative; line-height:28px; height:28px; border-bottom:1px dotted #ddd; width:300px}
.news_list li span{ position:absolute; right:0px; top:0; color:#666}
.brand span{ position:absolute; top:60px; left:70px; color:#999;}
.trademark img{ padding:0 5px;}

/*product*/
.product{ background:url(../images/hr.jpg) top repeat-x #fff; width:100%; padding:2px 0; height:320px;}
#product_title{ background:url(../images/index_r19_c4.jpg) no-repeat left center; margin-bottom:10px; width:1006px; height:65px; line-height:65px; position:relative}
#product_title a{ position:absolute; right:4px; top:2px; font-size:13px;}
.product_content{background:#fff; position:relative;height:242px; overflow:hidden}.product_content img{padding:2px; border:1px solid #ddd;}
.box1{width:940px;text-align: left; }
#demo {  
float:left;  
overflow:hidden;  
width:1130px;  
margin-left:25px;  
margin-top:15px; 
background:none;  
}  
#demo a{ text-align:center; }  
#demo img {  
margin-left:12px; margin-right:12px;  

}  
#indemo {  
float: left;  
width: 800%;  
}  
#demo1 {  
float: left;  
}  
#demo2 {  
float: left;  
} .productclass{ padding:15px 0px}
.productclass h2{ background:url(../images/ico2.jpg) no-repeat left center; height:41px; line-height:41px; position:relative; padding-bottom:5px; border-bottom:1px  solid #ddd; font-size:16px; font-family:"Microsoft Yahei"; font-weight:normal; padding-left:35px; color:#333}
.news h2{ background:url(../images/ico2.jpg) no-repeat left center; height:41px; line-height:41px; position:relative; padding-bottom:5px; border-bottom:1px  solid #ddd; font-size:16px; font-family:"Microsoft Yahei"; font-weight:normal; padding-left:35px; color:#333}
 .productclass ul{width:280px; margin:10px auto;}
.productclass li{border-bottom:dotted 1px #666; background:url(../images/ico.jpg) no-repeat left center; height:35px; line-height:35px; text-align:left; text-indent:14px}
/*link*/
.link{ height:90px; overflow:hidden;}
.link_title{ background: url(../images/t1.jpg) no-repeat; height:23px; color:white; text-indent:12px; margin-top:10px; border-bottom:1px dotted #ddd; line-height:23px font-size:14px;font-family:"Microsoft Yahei";}
.link_content{ padding:10px;}
.link_content li{  padding:0 4px; line-height:22px; height:22px; color:#333; float:left}

/*foot*/

/******************************************************news_list.html**********/
.news_content{ background:#fff; overflow:hidden;  padding-bottom:15px; }
.newsL{ float:left; width:220px; position:relative;background: #f4f2f3;}
.newsR{ float:right; width:750px; overflow:hidden; padding-left:30px;}
.newsL p{line-height:28px; text-indent:10px; border-bottom:dotted 1px #ddd;}
.newsL h3{  background:url(../images/h3bg.jpg) no-repeat #006ea3; height:60px; font-family:"Microsoft Yahei"; font-weight:normal; font-size:23px; line-height:60px;  text-indent:26px;; border:1px solid #fff; color:#fff;}
.newsL h2{ font-size:18px; font-family:"Microsoft Yahei"; font-weight:normal; color:#004898; width:220px; line-height:40px;  height:40px;  margin:10px; background:url(../images/ico2.jpg) no-repeat left center; border-bottom:1px solid #09F; }
 .newsL h2 span{background:url(../images/ico2.jpg) center left no-repeat; display:block; width:120px; height:40px;}
.newsL img{padding:2px; border:1px solid #fff; margin-bottom:10px}
.place{background: url(../images/daoico.jpg) no-repeat center left; color:#004998; font-size:18px; font-family:"Microsoft Yahei";font-weight:normal; padding-left:4px; line-height:52px; height:52px; text-indent:18px; border-bottom:1px solid #ddd;; position:relative;}
.place span{position:absolute; font-size:12px; font-family:"宋体"; color:#333; top:10px;right:0}.place a{color:#333}
.news_text{ float:left; width:97%; padding-top:20px}
.subBox { margin:10px 0px; width:720px}
.subBox ul {}
.subBox ul li {width:162px;float: left; background:#fff; height:154px; overflow:hidden; padding:5px 5px; line-height:18px;}
.subBox ul li a{ text-align:center; display:block; }
.subBox ul li img{ height:107px; width:113px; border:#ececec 10px solid}

.news_column{}
.column_ul{padding-bottom:40px; }
.column_ul li{ line-height:32px; height:32px; background:#f4f2f3; text-align:center;border-bottom:2px solid #fff;  padding:2px; }
.column_ul li a{height:32px; display:block; line-height:32px;  font-size:14px; color:#000}
.column_ul li a:hover{height:32px; display:block; line-height:32px; background:url(../images/ico2.jpg) no-repeat 12px center #006ea3;#0CC; text-decoration:none; color:#fff;}
.list_ul{ padding-top:10px; color:#666;}
.list_ul li{ line-height:36px; height:36px; position:relative; background:url(../images/s_img.jpg) 0 50px no-repeat; border-bottom:1px dotted #333;}
.list_ul li a{background:url(../images/s_img.gif) 3px 2px no-repeat; padding-left:18px; color:#000}
.list_ul li a:hover{ text-decoration:none;}
.list_ul li span{ position:absolute; right:10px; top:0px;}
.page{  padding:20px; padding-left:10px;  overflow:hidden;}
.page span a{ display:inline-block; padding:0px 4px; border:1px solid #EEEDED; margin:auto 2px;}
.page span a:hover{ text-decoration:none; background:#6B6863; color:#fff;}
#column_li_hover{  background:#0CC; text-decoration:none; color:#fff;}
.abouton{height:32px; display:block; line-height:32px; background:url(../images/ico2.jpg) no-repeat 12px center #006ea3; text-decoration:none; color:#fff;}
/************************************************************new.html**********/
.text h1{ font-size:18px; color:#000; line-height:60px; height:60px; padding-top:10px; padding-bottom:0px; font-family:"Microsoft Yahei"; font-weight:blod;}
.text a{color:#E10000; text-decoration:underline}
.text{ line-height:2em; overflow:hidden; font-size:14px; line-height:30px;}
#author{ text-align:right;  line-height:40px; color:#666;  margin-bottom:20px; font-size:12px; border-bottom:1px solid #E5E5E5;}
.context{  line-height:25px; border-top:1px solid #dfdfdf; padding-bottom:10px; padding-top:10px; margin-top:10px; color:#666;}
.context a{ color:#666;}
.context a:hover{ text-decoration:underline;}

/*************************************************************product.html*********/
.product_ul{ padding-top:15px;}
.product_ul li{ float:left;}
.product_box{ background:url(../images/product_box.jpg) no-repeat; width:178px; height:190px; text-align:center; padding-top:24px; margin:0 12px; _margin:0 11px;}
.product_box p{ padding-top:40px; font-weight:bold;}
.product_box p a{ color:#0D6B17;}
.lik img{ border:1px solid #ddd; padding:2px; float:left}
.contactcontent{ padding-left:10px; text-align:center; }
.contactcontent p{  line-height:28px; text-align:left}
.foot{ overflow:hidden;background:url(../images/hr.jpg) left top repeat-x; height:165px;}
.foot p{ text-align:center; line-height:25px;padding-left:22px;}.foot p a{color:#333}
#footleft{ padding-top:30px;width:450px; height:156px; float:left}
#footleft ul{background:url(../images/index_r25_c6.jpg) no-repeat left center; height:100px}
#footleft li{height:33px; line-height:33px; text-indent:20px}
#footrig{ float:right; width:500px; text-align:right}
.bootonmeun{height:33px; line-height:33px; color:#333;background:url(../images/bottombg.jpg) repeat-x; text-align: center; margin-top:12px; }
.bootonmeun ul{ margin:0 auto; width:670px}
.bootonmeun li{float:left; padding:0 10px; background:url(../images/line2.jpg) center right no-repeat;text-align:center}
.bootonmeun a{color:#333; font-size:12px;}
.bootonmeun p img{float:left; margin-left:700px; display:block;}
#author2{ line-height:45px; height:45px;text-align:center; border-bottom:1px solid #ddd; margin:20px 0; font-size:12px}
.more{position:absolute; right:0; top: 0px}
.baidufx{position:absolute;}
.bodew{color:white; font-weight:bold}
.leftnews ul{padding-left:10px}
.leftnews li{height:30px; line-height:30px; border-bottom:1px dotted #ddd; text-indent:12px;}
/*焦点图片*/
.code{ height:auto; padding:20px; border:1px solid #9EC9FE; background:#ECF3FD;}
.code pre{ font-family:"Courier New";font-size:14px;}
.code pre code.note{ color:#999}
.code2{border:1px solid #FEB0B0; background:#FFF1F1; margin-top:10px;}
.code2 pre{ margin-left:20px; font-size:12px;}
#KinSlideshow{float:left;}
#zj img{width:131px; height:auto}
.slideshow { position: relative; background: #fafafa; width: 230px; height:190px; margin-right:10px; margin-top:30px; padding:2px; border:1px solid #ddd; float:left; }
		.slideshow img { position: absolute; top: 3px; left: 3px; z-index: 1; background: #fff; width: 230px; height:190px; }
		ul.recentlist { position: absolute; bottom: 12px; right: 4px; list-style: none; z-index: 2; }
		ul.recentlist li { margin: 0; padding: 0; display: inline; }
		ul.recentlist li a, ul.recentlist li a:visited { display: block; float: left; background: #e5e5e5; padding: 4px 8px; margin-right: 1px; color: #000; text-decoration: none; cursor: pointer; }
		ul.recentlist li a:hover, ul.recentlist li a:visited:hover { background: #666; color: #fff; }
		ul.recentlist li a.current { background: #f00; color: #fff; }