﻿BODY {
	background: url(../images/bg.jpg) repeat;
    color: #333;
  font-family: 微软雅黑,arial,宋体;
    font-size: 12px;
	line-height:2;
    margin: 0 auto;
    padding: 0;
    
}
body, div, ul, li, iframe, form, p, h1, h2, h3, h4 { margin: 0px; padding: 0px; }
ul,li{list-style:none; margin:0 0; padding:0 0;}
img { border:0; outline:none;}
.stylecolor1{ color:#e1e1e1; font-size:12px;}
.stylecolor2{ color:#fff;}

input {
    outline: medium none;
    vertical-align: middle;
}

A { outline:none;
    color: #000;
    text-decoration: none;
	 cursor:hand;
}

A:hover {
    color: #333;
    text-decoration: none;
}

.clear{ clear:both;}
h1 {
    font-size: 40px;
    font-weight: bold;
}
h2 {
    font-size: 20px;
    font-weight: bold;
}
h3 {
    font-size: 14px;
    font-weight: bold;
}
h4 {
    font-size: 12px;
    font-weight: bold;
}
.box{ border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; background:#FFF;}
.box1{ border-bottom:2px solid #FE7A14; }
.box2{ border: 1px solid #ccc; background:#FFF;}
.blank{ margin-top:10px;}
b{ font-size:14px;}

/*----------------------------------------------------------头部------------------------------------*/
.headerwraper{ width:100%; background:url(../images/top_bj.jpg) repeat-x; font-family: " Microsoft YaHei";}
.header ,.main{ width: 980px; margin:0 auto; }



.tit {
    float: left;
    
    width: 500px;
}
.tit h1, .tit h2, .tit h3, .tit h4 {
    display: inline;
}
.tit h1, .tit h2 span {
    color: #FE7A14;
}
.tit h3 {
    font-size: 15px;
}

.header_right{ width:280px; float:right;}
.L_bt_2{ width:280px; float:right; padding-top:25px; }
 /*下拉列表*/
#menu1 {height:36px; width:209px; background:url(../images/lianmen_bj.png) 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:36px; line-height:36px; 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:#FE7A14; color:#fff;}
#menu1 ul li:hover ul { display:block;}
#menu1 ul li.sfhover ul { display:block;}
.header_right h2{ font-size:18px; padding-top:55px;}


/*-------------------------导航---------------------------------*/
.menu{ width:100%; margin:0 auto; overflow:hidden; background:url(../images/nav_bj.jpg) repeat-x; font-family:"Microsoft YaHei";}

#nav{ width:980px; margin:0 auto;}
#nav ul{width:743px; float:left;}
#nav ul li{float:left; padding-left:5px;}
#nav ul li a{ display:block; font-size:14px; line-height:55px; height:55px; width:100px; text-align:center; color:#fff;}
#nav ul li a:hover{color:#FFF; font-weight:bold;}
#nav ul .hover a{ background: url(../images/nav_hover.jpg) repeat-x; color:#FFF; font-weight:bold;}
	
	/*搜索*/
.soso{ width:192px; float:right; padding-top:15px;  }

 .r input{ margin:0 auto;padding:0 !important;border:0;vertical-align:middle;}
  .r .keyword{border:0;width:141px; height:27px;}

/*-----------------------banner-----------------------*/
.line{ width:100%; height:16px; background:url(../images/banner1_bj.jpg) repeat-x;}
.banner{ width:100%; background:url(../images/bj.jpg) repeat-x top; }
.banner_left{ width:435px; float:left; padding:0 5px;}
.gs{ width:435px; height:168px;  color:#fff; overflow:hidden; padding-top:15px;}
.youshi{ width:435px;  padding-top:10px; border-bottom:1px dashed #124C8B;overflow:hidden}
.youshitop a{ float:right; color:#FE7A14; }
.youshitop span{color:#FE7A14; }

.banner_right{ width:575px; float:right;}
/*----------- 图片banner特效左右滚动 ------------*/
.banner2 { width: 532px; height: 325px; float: right; background: url(../images/banner.png) no-repeat; padding: 5px 0px 5px 0px; margin-top:15px; }
.w_ctr{ width:510px; height:310px; margin:0 auto;}
.w_ctr .JQ-slide { width: 510px; height: 310px; overflow: hidden; position: relative; }
.w_ctr .JQ-slide-content { position: absolute; }
/*必须要的元素*/
.w_ctr .JQ-slide-content li { width: 510px; height: 310px; float: left; display: inline; position: relative; }
.w_ctr .JQ-slide-content li img { width: 510px; height: 310px; }
.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: 530px; 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; }
/*

-----------------------------------推荐产品-----------------*/
.title{ display:block; width:980px; height:36px; background:url(../images/bt_bj2.jpg) repeat-x;}
.title_bt{ display:block; width:157px; height:36px; line-height:36px;
 font-weight:bold; color:#fff; float:left; background:url(../images/bt.jpg) no-repeat;
 font-size:14px; text-indent:12px;
}
.style1{ font-size:14px; line-height:36px; float:right; padding-right:15px; color:#333;}
.style1:hover{ color:#000000;}
.product{ width:960px; margin:0 auto;}
#marquee_demo{ overflow:hidden;width:960px;text-align:center;margin:0 auto; }


/*---------------------------产品列表+公司信息+工程案例+热点资讯-------------*/
/*产品列表*/
.plist{ width:280px; float:left; margin-top:10px;}
.ptitle{display:block; width:280px; height:36px; background:url(../images/bt_bj2.jpg) repeat-x; }
.plist ul{ width:280px; margin:0 auto; padding-bottom:10px;}
.plist li{ display:block; width:270px; margin:0 auto; padding-top:10px; height:20px; line-height:20px; border-bottom:1px dashed #ccc; text-indent:10px;}
/*公司简介*/
.intro{ width:410px; float:left; margin-left:5px; margin-top:10px;}
.introcontent{ width:410px; margin:0 auto; padding-top:5px;}
.introcontent span{ padding:5px; float: left;}
.txt{ float:right; display:block; padding:5px;  width:260px;}
.intitle{display:block; width:410px; height:36px; background:url(../images/bt_bj2.jpg) repeat-x; }
/*热点资讯*/
.hot{ width:280px; float:right; margin-top:10px; margin-left:5px; }
.hotnew {   width:280px; margin:0 auto; padding-bottom:16px; }
.hotnew li {  padding-left: 10px;  padding-top:10px; border-bottom:1px dashed #900;  }

/*--------------------------新闻中心---------------*/
.news1,.news2,.news3{ width:320px; margin: 0 auto; margin-top:10px;}
.news1{ float:left;}
.news2{ float:left; margin:10px 5px 0px 10px;}
.news3{ float:right;}
.ntitle{display:block; width:320px; height:36px; background:url(../images/bt_bj2.jpg) repeat-x; }

.nlist{ width:320px; margin:0 auto;}
.nlist li{ padding-top:5px; width:310px; margin:0 auto;}
.nlist li a{ display:block; width:310px; height:25px; font-size:12px; color: #666; line-height:25px; text-indent:10px;}
.nlist li a:hover{ background:#ccc; color:#000; text-indent:10px;}

.link { width: 930px;  padding: 20px 10px 10px 40px; margin: 10px auto; border: 1px solid #ccc; background: #f5f5f5 url(../images/link.gif) no-repeat left top; }


.footcontain{ width:100%; background:#FE7A14; height:5px; overflow:hidden;}
#foot{margin:0 auto; margin-top:10px;}
.foot{ width:970px; margin:0 auto; text-align:center; color:#000000; padding-top:10px; padding-bottom:4px;}


/*----------------------------------内页--------------------------*/

.sidebar{ width:280px; float:left; margin-bottom:10px;}
.txt1{ width:270px; padding:5px; margin:0 auto;}
.sideright{ width:690px; float:right; margin-bottom:10px;}
.ntitle2{ display:block; width:690px; height:36px; background:url(../images/bt_bj2.jpg) repeat-x; }
.pagecontent{ width:680px; line-height:25px; margin:0 auto; padding:5px; }
.position{ padding:10px 0px 10px 15px; } 
./*翻页css*/
.list_page{ font-size:12px;  text-align:center; }
.list_page a{background:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #FE7A14;color:#333;}
.list_page span{background: #FE7A14;color:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #FE7A14;}
.list_page b{background:#fff;margin:0 1px;color:#333;overflow:hidden;}
.list_page b input{border:1px solid #FE7A14;margin:0;padding:4px 8px;font-size:12px;font-family:宋体;font-weight:normal;width:16px;text-align:center;*vertical-align:middle}
.nalist{ width:650px; }
.nalist li{border-bottom:1px dashed #ccc; padding:15px 0 0 0; text-indent:15px; line-height:25px;}


/*-----------------------内页新闻资讯页面--------------------*/
.newstitle{ display:block; width:650px; font-size:14px; line-height:35px; margin: 0 auto; text-align:center;}
.item{ width:650px; text-align:center; line-height:25px; border-bottom:1px dashed #900; border-top: 1px dashed #900; margin:5px; margin:0 auto;}
.infodot{ width:650px; margin:0 auto; border-bottom: 1px dashed #900; margin:5px; margin:0 auto;}
.pre{ float:left; padding-left:10px; padding-top:10px;}
.next{ float:right;  padding-right:10px; padding-top:10px;}
.newstest li {
    border: 1px solid #e3e3e3;
    display: inline;
    float: left;
    margin: 5px 13px;
    padding: 10px 10px 10px 20px;
    width: 280px;
	height:70px;
	display:inline;
}
.newstest li b {
    padding-left: 15px;
}

.fenlei { width: 930px;  padding: 15px 10px 15px 40px; margin: 10px auto; border: 1px solid #ccc; background: #fff  url(../images/link.jpg) no-repeat left top; }
.fenlei ul li{ float:left; padding-left:10px;}
.nptitle{ display:block; width:980px; height:36px; background:url(../images/bt_bj2.jpg) repeat-x; }
.productcontent,.productnews{ width:980px; margin:0 auto; margin-bottom:10px;}

.producttest li {
    display: inline;
    float: left;
    margin: 10px 13px;
    width: 450px;
}
.producttest li img {
    float: left;
    height: 105px;
    width: 140px;
}
.producttest li span {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e3e3e3;
    float: right;
    height: 93px;
    line-height: 24px;
    overflow: hidden;
    padding: 5px;
    width: 290px;
}
.producttest li span h4 {
  
    font-size: 12px;
    padding-left: 10px;
}

.ptest li {
    border: 1px solid #e3e3e3;
    display: inline;
    float: left;
    margin: 5px 13px;
    padding: 10px 10px 10px 20px;
    width: 430px;
	height:150px;
	display:inline;
}
.pstest li b {
    padding-left: 15px;
}

/*--------------------------------------------搜索页面------------------------*/
.hsearch {
	width:246px;
    list-style: none outside none;
	margin:0  auto;
    padding: 15px;
}
.hsearch li {
    padding: 0 0 10px;
}
.hsearch li div {
    color: #000;
    line-height: 22px;
}
.hsearch .ip {
    border: 1px solid #ccc;
    height: 18px;
    margin: 0;
    padding: 6px 0 2px;
    vertical-align: middle;
}
.hsearch .w {
    overflow: hidden;
    width: 220px;
}
.hsearch .bnt {
    background: url("../images/bnt_blue.gif") no-repeat scroll center center rgba(0, 0, 0, 0);
    border: 0 none;
    color: #333;
    cursor: pointer;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    width: 80px;
}

/*---------------------------产品内容页--------------------------------*/
.piclist{ width:435px; margin:0 auto;}
.piclist li{ float:left; padding-left:5px; padding-top:10px; padding-bottom:10px;}

/*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 .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: 670px; margin: 10px auto; }
.RelatedProduct .left{ float:left; width:330px; margin-left:10px;}
.RelatedProduct .right{ float:right; width:330px;}
.riTitle {  width: 80px; height:30px;  background-color:#FE7A14; color: #ffffff; line-height: 25px; text-align: center; }
.riList { width: 300px; float: left;  }
.riList li { width: 300px; height: 24px; border-bottom: 1px dashed #cccccc; line-height: 24px;  }