body { font-family: 微软雅黑,arial,宋体; font-size: 12px;line-height:25px; background:url(../images/bodybj.gif) repeat; }
body, div, ul, li, iframe, form, p, h1, h2, h3, h4 { margin: 0px; padding: 0px; }
img{ border:0px;}
.clear { clear: both; height: 0; overflow: hidden; }
a{color:#333;font-size:12px;text-decoration:none;outline:none;}
a:hover{color:#f30; cursor:hand;}
ul{ list-style:none;}
h1 { font-size: 24px; font-weight: bold; }
h2 { font-size: 16px; font-weight: bold; }
h3 { font-size: 14px; font-weight: bold; }
h4 { font-size: 12px; font-weight: bold; }
/*------------------------------------------------头部top------------------------------------------------*/
.top{ width:100%; background:url(../images/top_bj.jpg) repeat-x top; margin:0 auto; overflow:hidden;}
.header_top{ width:960px; margin:0 auto;}

.top_left{ float:left; width:480px; padding-top:25px; padding-bottom:25px; color:#333;}

.logo{ float:left;}
.bt_left{ float:right;}
.top_right{ float:right; width:350px; text-align:center; padding-top:10px;}
.L_bt_2{ width:280px; float:right; padding-top:5px; }
 .r input{margin:0 !important;padding:0 !important;border:0;vertical-align:middle;}
  .r .keyword{border:0;width:150px; height:21px; background: #e2e2d2;}
  /*下拉列表*/
#menu1 {height:26px; width:205px; background:url(../images/L_bj.jpg) no-repeat;}
#menu1 ul { list-style: none; margin: 0px; padding: 0px;  z-index:9999; }
#menu1 ul li { float:left; margin-left:2px;}
#menu1 ul li a { display:block; width:200px; height:28px; line-height:28px; text-align:center; font-size:14px;}
#menu1 ul li ul { display:none; position:absolute;}
#menu1 ul li ul li { float:none; width:87px; background:#eee; margin:0;}
#menu1 ul li ul li a { background:#fff;}
#menu1 ul li ul li a:hover { background:#900; color:#fff;}
#menu1 ul li:hover ul { display:block;}
#menu1 ul li.sfhover ul { display:block;}
.L_bt_3{ font-size:19px; color:#de1111; padding-top:5px;  }
/* -----------------------------------------------------导航css-------------------------------------------- */
/*nav*/
.headernav{ width:100%; background:url(../images/nav_bg.jpg) repeat top; overflow:hidden;}
/*#nav{width:960px;margin:0 auto;}
.menu ul { width:960px; margin:0 auto;}
.menu li{float:left;width:108px;overflow:hidden; padding-left:15px;}
.menu li a{color:#fff;font-size:14px;text-align:center;width:108px;height:42px;line-height:42px;display:block;outline:none;}
.menu li a:hover{color:#ff0; background:url(../images/menunow.jpg) no-repeat;}
.menu li .subnav{margin:-4px 0 0 0;padding:0;position:absolute;z-index:999;display:none;}
.menu li .subnav dt a{display:block;width:108px;height:30px;line-height:30px;text-align:center;background:#900;color:#fff;font-size:12px;border-bottom:1px solid #333;}
.menu li .subnav dt a:hover{background:#F00;}*/
/*导航*/
#menu { width:960px; margin:0 auto; z-index:999;}
#menu ul { list-style: none; margin: 0px; padding: 0px; }
#menu ul li { float:left; margin-left:15px;}
#menu ul li a { display:block; width:108px; height:42px; line-height:42px; text-align:center; font-size:14px; color:#FFF;}
#menu ul li a:hover { background:url(../images/menunow.jpg) no-repeat;}
#menu ul li ul {  display:none; position:absolute; z-index:999;}
#menu ul li ul li { float:none; width:108px;  margin:0; border-bottom:1px solid #333; z-index:999;}
#menu ul li ul li a {  background:#900;}
#menu ul li ul li a:hover { background:#F00; color:#fff;}
#menu ul li:hover ul { display:block;}
#menu ul li.sfhover ul { display:block;}
/* -----------------------------------------------------简介css-------------------------------------------- */
.intro{ width:100%; margin:0 auto; background:url(../images/indexbg.gif) bottom repeat-x #eaeaea; }
.content{ width:960px; margin:0 auto; padding-top:11px; padding-bottom:18px;}
.intro_left{ float:left; width:520px;}
.gaishu { width: 520px; height: 240px; float: left; }
.gaishu h1 ,.nbanner h1{ color: #000; line-height: 35px; padding-bottom:10px; }
.gaishu h2, .nbanner h2 { color: #ff0000; line-height: 30px;  }
.gstest { border-top: 1px solid #bdbdbd; padding: 10px; }

.intro_right{ width:440px; float:right;}

.banner { width: 402px; height: 200px; float: right; background: url(../images/banner.gif) no-repeat; padding: 10px 10px 16px 10px; }
/*----------- 图片banner特效左右滚动 ------------*/
.w_ctr .JQ-slide { width: 402px; height: 200px; overflow: hidden; position: relative; }
.w_ctr .JQ-slide-content { position: absolute; }
/*必须要的元素*/
.w_ctr .JQ-slide-content li { width: 402px; height: 200px; float: left; display: inline; position: relative; }
.w_ctr .JQ-slide-content li img { width: 402px; height: 200px; }
.w_ctr .JQ-slide-content li span { display: block; background: black; color: white; font-size: 12px; font-weight: bold; padding: 0 14px; line-height: 28px; position: absolute; bottom: 5px; left: 0; z-index: 10; width: 374px; overflow: hidden; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.w_ctr .JQ-slide-nav { position: absolute; bottom: 14px; right: 8px; z-index: 30; }
.w_ctr .JQ-slide-nav li { float: left; display: inline; background: url(../images/focus_li.png) no-repeat; width: 10px; height: 10px; text-indent: -999em; overflow: hidden; cursor: pointer; margin-right: 5px; }
.w_ctr .JQ-slide-nav li.on { background-position: -15px 0; }
/*
---------------------------------------------公司介绍------------------------------------------------------*/
.com { width: 910px;  padding: 20px 10px 20px 40px; margin: 10px auto; border: 1px solid #ccc; background: #f5f5f5 url(../images/combg.gif) no-repeat left top; }
.com p{ padding-left:10px;}

.product { width: 960px;  padding: 10px 0px 10px 0px; border: 1px solid #ccc; background: #f5f5f5; margin:0 auto; }
.title{ display:block; background: url(../images/main_line.jpg) no-repeat left center; width:930px; padding:5px 5px; margin-left:10px; margin-right:10px;text-indent:15px; line-height:25px;
font-size:14px; border-bottom:3px  #900 solid;}
#marquee_demo{ overflow:hidden;width:930px;text-align:center;margin:0 auto; margin-top:10px;}
/*---------------------------------------------热点资讯------------------------------------------------------*/

.news_content{ width:960px; margin:0 auto; margin-top:10px;}
.sidebar{ width:250px; float:left;  background:#f5f5f5; border:1px solid #ccc; }
.newstitle1{ display:block; margin:0 auto; width:244px; margin:3px 3px 3px 3px; line-height:30px; background: url(../images/main_line.jpg) no-repeat left center;  border-bottom:3px  #900 solid; text-indent:20px; font-size:14px;  }
.sidetest{ padding-left:5px;}
.hotnew {   width:240px; margin:0 auto; padding-bottom:12px; }
.hotnew li {  padding-left: 10px;  padding-top:10px; border-bottom:1px dashed #900;  }
.hotnew li a{ color:#900;}
.hotnew li a:hover{ color:#333;}
.aa{ font-size:14px;}/*
----------------------------------------工程案例------------------------------*/
.sideright{ width:690px; float:right; background:#f5f5f5; border:1px solid #ccc; padding-bottom:15px;}
.newstitle2{display:block; margin:0 auto; width:684px; margin:3px 3px 3px 3px; line-height:30px; background: url(../images/main_line.jpg) no-repeat left center;  border-bottom:3px  #900 solid; text-indent:20px; font-size:14px; }
.casetest { margin:0 auto; width:670px; padding-bottom:10px; }
.casetest li{ padding-top:23px;}

.casetest li img { float: left; width: 112px; height: 102px; border: 1px solid #133984; padding: 1px; }
.casetest li span { float: left; width: 10px; height: 106px; background:url(../images/casebg.gif); }
.case { float: left; padding-left: 5px; }
.caset { width: 490px; height: 94px; padding: 5px; float: left; overflow: hidden; border-bottom: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; padding-left: 20px; }
.caset h4 { background: url(../images/icon.jpg) no-repeat left center; text-indent: 15px; color: #900; }

/*-----------------------新闻板块---------------------------*/
.news_content2{ width:960px; margin:0 auto; margin-top:10px;}
.comnews{ float:left; width:310px;}
.hangyenews{ float:left; width:310px; margin-left:10px;}
.ganzaonews{ float:right; width:310px;}
.comnews, .hangyenews, .ganzaonews { background:#f5f5f5; border:1px solid #ccc;}
.newstitle3{display:block; margin:0 auto; width:304px; margin:3px 3px 3px 3px; line-height:30px; background: url(../images/main_line.jpg) no-repeat left center;  border-bottom:3px  #900 solid; text-indent:20px; font-size:14px; }

.newslist{ width:300px; margin:0 auto; padding-bottom:10px; padding-top:5px;}
.newslist li{ display:block; width:290px; height:30px; background: url(../images/icon.jpg) no-repeat left center; text-indent: 15px; line-height:30px; font-size:12px; border-bottom:1px dashed #ccc; padding-left:5px; padding-right:5px;}
/*-----------------------友情链接-----------------------------------*/
.link { width: 910px;  padding: 20px 10px 10px 40px; margin: 10px auto; border: 1px solid #ccc; background: #f5f5f5 url(../images/link.gif) no-repeat left top; }
/*-----------------------------------------footer----------------*/

.footer{ width:100%; background:url(../images/titlebj.gif); border-top:3px solid #900;}
.foot{ width:960px; margin:0 auto;}
.footnav{ width:900px; margin:0 auto; text-align:center; font-size:14px; line-height:25px; padding-top:10px;}
.footinfro{ width:800px; margin:0 auto; text-align:center;}

/*--------------------------内页--公司简介------------------------*/
.nbanner{ width:100%; margin:0 auto; background:url(../images/indexbg.gif) bottom repeat-x #eaeaea; }
.ncontent{ width:960px; margin:0 auto; padding:10px 0px;}
.intro_right_content{ width:407px; float:right; background:#FFF;  padding:0px 10px;}

.ncontent{ width:960px; margin:0 auto;}
.left{ width:250px; float:left;}
.newslist2{ width:240px; margin:0 auto; padding-bottom:10px; padding-top:5px;}
.newslist2 li{ display:block; width:230px; height:30px; background: url(../images/icon.jpg) no-repeat left center; text-indent: 15px; line-height:30px; font-size:12px; border-bottom:1px dashed #ccc; padding-left:5px; padding-right:5px;}
.pagecontent{ padding:10px; margin-bottom:10px;}
.position{ width:950px; padding:5px; background:#f5f5f5; border:1px solid #ccc; margin:0 auto;}

/*-----------------------内页新闻资讯列表--------------------*/
/*翻页css*/
.list_page{ font-size:12px;  text-align:center; padding-bottom:10px; }
.list_page a{background:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #90CBF9;color:#333;font-family:宋体;}
.list_page span{background: #F00;color:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #90CBF9;font-family:宋体;}
.list_page b{background:#fff;margin:0 1px;color:#333;overflow:hidden;}
.list_page b input{border:1px solid #90CBF9;margin:0;padding:4px 8px;font-size:12px;font-family:宋体;font-weight:normal;width:16px;text-align:center;*vertical-align:middle}
.nalist {margin:0 10px 10px 10px;padding:0;list-style:none;overflow:hidden;}
.nalist  li{border-bottom:1px dashed #ccc; padding:8px 0 0 0; background:url(../images/icon.jpg) left center no-repeat; text-indent:15px;}





/*-----------------------内页新闻资讯页面--------------------*/
.newstitle{ display:block; width:680px; font-size:14px; line-height:35px; margin: 0 auto; text-align:center;}
.item{ width:670px; text-align:center; line-height:25px; border-bottom:1px dashed #900; border-top: 1px dashed #900; margin:5px; margin:0 auto;}
.infodot{ width:670px; margin:0 auto; border-bottom: 1px dashed #900; margin:5px; margin:0 auto;}
.pre{ float:left; padding-left:10px;}
.next{ float:right;  padding-right:10px;}


/*
-----------------------工程案列-----------------*/
.ProjectList { width: 680px; margin: 0 auto; }
.pjListItem { width: 680px; height: 149px; margin-top: 10px; background-image: url(../images/listbox.gif); background-repeat: no-repeat; list-style:none; margin-left:5px; }
.pjImage { float: left; display: inline; width: 140px; height: 105px; margin: 17px 0px 0px 10px; padding: 5px; border: 1px solid #cccccc; }
.pjInfo { float: right; width: 485px; height: 105px; margin-top: 17px; margin-right: 10px; display:inline; overflow: hidden; }
.pjTitle { height: 24px; line-height: 24px; }
 .pjTitle a { font-size: 16px; text-decoration: none; font-weight: bold; }
 
 
/* ---------------------------------产品列表-----------------------------------------*/

/*Product List*/
.ProductList { width: 680px; margin: 0 auto; }
.pdListItem { width: 680px; height: 149px; margin-top: 10px; background-image: url(../images/listbox.gif); background-repeat: no-repeat; }
.pdImage { float: left; display: inline; width: 140px; height: 105px; margin: 17px 0px 0px 10px; padding: 5px; border: 1px solid #cccccc; }
.pdInfo { float: right; display: inline; width: 500px; height: 115px; margin-top: 17px; margin-right: 10px; }
.pdInfo .pdTitle { height: 22px; line-height: 22px; }
.pdInfo .pdTitle a { font-size: 16px; font-weight: bold; color: #656565; }
.pdInfo .pdTitle .ProSubTitle { display: none; color: Red; font-size: 12px; }
.pdInfo .pdOverview { height: 66px; line-height: 22px; margin-top: 3px; }
.pdInfo .pdQuickButton { float: right; clear: both; height: 20px; margin-top: 4px; }
.pdInfo .pdQuickButton li { float: left; width: 73px; height: 20px; margin-left: 10px; }
/*.bpi, .bpv, .bpc, .bpd, .bpj { display: none; }*/
 
 .black_overlay{ 
display: none; 
position: absolute; 
top: 0%; 
left: 0%; 
width: 200%;
height:1400px;
background-color: #000; 
z-index:1001; 
-moz-opacity: 0.8; 
opacity:.80; 
filter: alpha(opacity=80); 
} 
 .white_content { 
display: none; 
 position: absolute; 
top:50%; 
left: 25%; 
width: 800px; 
height: 600px; 
padding: 13px; 
border: 4px solid red; 
background-color: white; 
z-index:1002;
overflow: auto;
} 
 .codefans_net
{	
width:420px;
height:210px;
background-color:#efefef;
color:#666;
border-width:1px;
border-color:#999;
border-style:solid;
margin:6px;
padding:6px;
font-Size:14px;
line-height:200%;
float:midden;	
}

/*Product Content*/
.ProductBox { clear: both; width: 680px; height: 176px; margin: 5px auto; background-image: url(../images/pdbox.gif); }
.ProductBox .ImageBox { float: left; display: inline; width: 180px; height: 150px;  margin-top: 10px; margin-left:10px; padding:5px; border:1px solid #ccc;  }
.ProductBox .InfoBox { float: right; display: inline; width: 460px; height: 150px; margin-right: 10px; margin-top: 16px; line-height: 22px; }
.ProductBox .InfoBox .pdTitle { height: 22px; }
.ProductBox .InfoBox .pdKeywords { height: 22px; }
.ProductBox .InfoBox .pdOverview { height: 88px; }
.ProductBox .OrderBox { display: block; width: 155px; height: 42px; float: right; margin-top: -11px; margin-right: 10px; }
.ProductButton { clear: both; width: 680px; height: 38px; margin: 10px auto;   }
.ProductButton li { float: left; }
.ProductInfo { clear: both; width: 680px; margin: 10px auto; }
.BoxHeader { width: 680px; height: 7px; background-image: url(../images/boxheader.gif); }
.BoxFooter { width: 680px; height: 7px; background-image: url(../images/boxfooter.gif); }
.BoxBody { clear: both; width: 670px; padding:5px; background: url(../images/boxbody.gif) repeat;}
.RelatedProduct { clear: both; width: 680px; margin: 10px auto; }
.riTitle { float: left; width: 80px; height:30px; margin-left: 10px; background-color: #a10200; color: #ffffff; line-height: 25px; text-align: center; }
.riList { width: 650px; float: left; margin: 0 20px; }
.riList li { width: 650px; height: 24px; border-bottom: 1px dashed #cccccc; line-height: 24px; background: url(../images/dot1.gif) no-repeat left center; text-indent: 6px; }


/*Project Content*/
.ProjectBox { width: 680px; height: 149px; margin: 5px auto; background-image: url(../images/listbox.gif); background-repeat: no-repeat; }
.ProjectContent { width: 680px; margin: 5px auto; }


/* case */
.case_box{position:relative;margin:0 auto ;width:180px;height:150px;overflow:hidden}
.case_box ul{position:absolute;height:150px;overflow:hidden;top:0px;left:0px}
.case_box ul li{width:180px;float:left;height:150px}
.case_box ol{position:absolute;bottom:0;left:50%;margin:0 0 0 -100px;height:12px;z-index:99; background:url(../images/bj.png); width:180px; height:15px; padding-top:8px; padding-left:10px;}
.case_box ol li{float:left;margin:0 4px;display:inline;width:12px;height:12px;line-height:999em;background:url(../images/pagination.png) no-repeat;overflow:hidden;cursor:pointer;}
.case_box ol li.active{background-position:0 -12px;}