@charset "utf-8";

/*整体定义*/
body{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000;background:#DFDFDF;}
body,div,table,tr,td,ol,li,ul,h1,h2,h3,h4,h5,h6,form,input,textarea,img,dl,dt,dd{ margin:0px; padding:0px;}
input,trxtarea,form,img{ border:0px;}
img{border:0px;}
ul,li,ol{ border:0px; list-style:none;}
a{text-decoration: none; color:#00F;}
a:hover{text-decoration: underline; color:#000;}

.l{float:left;}
.r{float:right;}
.display_{ display:none;}
p{word-break:break-word;}
/*#body{ margin:0 auto; width:960px;overflow:hidden; zoom:1;}
.clear{ clear: both; font-size:1px; width:1px; height:0; visibility: hidden; }*/
.clearfix:after{content:"."; display:block; height: 0; clear: both; visibility: hidden;} /* only FF */
.clearfix{ zoom:1;}/*only IE6*/
/*.clearfix{ overflow:hidden; _height:1%;}/*清除浮动,_height:1%;兼容IE6的hack*/
.clear{display:inline-block; clear:both; zoom:1;}

.mgrhack{ margin-right:7px;margin-right:6px !important; *margin-right:5px;}
.mgr15{margin-right:19px;}

.mgl5{margin-left:5px;}
.mgl7{margin-left:7px;}
.mgl30{margin-left:30px;}
.all{ width:100%;}

.bk{ border:1px solid #2B8BD5;}
.bkl{border-left:1px solid #2B8BD5;}
.bkr{border-right:1px solid #2B8BD5;}
.bkt{border-top:1px solid #2B8BD5;}
.bkb{border-bottom:1px solid #2B8BD5;}
.pointer{ cursor:pointer;}

.center{ text-align:center;}
.cboth{ clear:both;}



.header,.contenter,.footer{ margin:0 auto; width:960px;}


/*.menu{ background:url(traffic/gk_07.jpg) center top no-repeat;}*/
.header-top{ width:100%;}
.logo{ float:left; padding-right:10px;}
.alt-logo{ float:left; padding:2px 0 10px; width:295px;}
.alt-logo span.webname{ font-size:16px; font-weight:bold; line-height:25px;}
.alt-logo h1.index-h1{ font-size:12px; font-family:Arial, Helvetica, sans-serif; height:20px; line-height:20px; overflow:hidden; font-weight:normal;}
div.alt-logo h1.index-h1 a{color:#0868B4;}
.header-top-right{ float:right; width:405px; padding:30px 0 0 0}
.menu{ background:url(../traffic/menubg.gif) repeat-x; height:33px; line-height:33px; text-align:center;}
.menu a{ margin:0 15px; color:#00F; font-size:14px;}
.menu a:hover{ color:#000;}

.contenter{ margin-top:8px; background:#C7C0A3;}
.traffic-left{ width:735px; float:right; background:#DFDFDF; padding-left:10px;}
.traffic-left h2{ font-size:12px; font-weight:normal; line-height:35px;}
.traffic-right{ float:left; width:215px; padding-bottom:15px; background:#C7C0A3;}
.traffic-right h6{ font-size:12px;font-weight:bold; line-height:25px; text-indent:1em;}
.traffic-right dl{ margin:0 3px; width:209px;}
.traffic-right dt{ background:#EFEFEF; line-height:25px; text-indent:1em; margin-bottom:2px;}
.traffic-right dt div{ width:100%;}
.traffic-right dt em{ font-style:normal; padding-right:10px; font-weight:bold; color:#009900;}
.traffic-right dd div{ padding:5px 0 5px 1em;}
.traffic-right dd li{line-height:22px;}
.traffic-right dd li em{font-style:normal; padding-right:12px; font-weight:bold;}
.traffic-rose{ background:url(../traffic/led-traffic-light.jpg) no-repeat; padding-top:250px; margin-top:10px; text-align:center;}

.traffic-info{ margin-top:10px;}
.traffic-company{ float:left; width:363px; overflow:hidden;}
#companymenu li{ float:left; width:120px; text-align:center;  padding:8px 0;}
#companymenu li.selected{ background:#FFF;}
.traffic-project{ float:right; width:363px; overflow:hidden;}

#companycon{ background:#FFF; padding:8px 5px; height:300px;}
#projectmenu li{ float:left; width:120px; text-align:center; padding:8px 0;}
#projectmenu li.selected{ background:#FFF;}
#projectcon{ background:#FFF;padding:8px 5px; height:300px;}
.traffic-products-t{ line-height:30px; border-bottom:1px solid #ccc; height:30px; margin-top:10px;}
.traffic-products-t img{ vertical-align:middle;}
.traffic-lights-list{ float:left; width:245px; overflow:hidden; height:150px;	}
.traffic-products-info{ margin-top:10px;}
.traffic-lights-list .traffic-lights-list-l{ width:90px; text-align:center; float:left;}
.traffic-lights-list h3{ font-size:12px; font-weight:normal;}
.traffic-lights-list h4{ font-size:12px; font-weight:normal;}
.traffic-lights-list h5{ font-size:12px; font-weight:normal;}
.traffic-lights-lisft-info{ float:right; width:145px; padding-right:5px;}


.companycon-left{ float:left; width:100px;}
.companycon-right{ float: right; width:100px;}
.companycon-left ul{ margin-top:5px;}
.companycon-left li{ line-height:25px;}
.companycon-info{ float:right; width:240px;}
.companyul{border-right:1px solid #ccc;}
#projectcon2 li{ float:left; text-align:center; width:110px;}
#projectcon2 li a{ display:block;}

/*图片滑动*/
#focuspic{ width:735px; height:310px; overflow:hidden;}
#focuspic1{ width:370px; height:3100px; overflow:hidden;}
#focusimg{ height:280px; overflow:hidden;}
#focusimg1{ height:220px; overflow:hidden;}
#focusnum{ position:relative; float:right; margin-top:-14px; height:14px; line-height:14px; overflow:hidden; background:#DDAA00;}
#focusnum1{ position:relative; float:right; margin-top:-14px; height:14px; line-height:14px; overflow:hidden; background:#DDAA00;}
#focusnum li{ float:left; font-size:12px;color:#FFFFFF;width:24px; height:14px; line-height:14px; text-align:center; cursor:pointer; overflow:hidden; border-left:1px solid #fff;}
#focusnum1 li{ float:left; font-size:12px;color:#FFFFFF;width:24px; height:14px; line-height:14px; text-align:center; cursor:pointer; overflow:hidden; border-left:1px solid #fff;}
#focusnum{width:100px;}
#focusnum1{width:100px;}
#focustitle li{ line-height:30px; text-align:center; height:30px; overflow:hidden;}
#focustitle1 li{ line-height:30px; text-align:center; height:50px; overflow:hidden;}

.footer{ text-align:center; line-height:25px; padding-bottom:50px;}
.footer p{
	margin:8px 0 0;
	text-align:left;
	font-size: 10px;
}
.footer-menu{ background:#E8A7E9; color:#FFFFFF; text-align:center; height:30px; line-height:30px; margin-bottom:10px;}
.footer-menu a,.footer-menu a:link,.footer-menu a:visited{ color:#FFFFFF;}
.zhankai{ display:block;}
.weizhankai{ display:none;}
#recommendation{ width:300px; height:220px; text-align:center; line-height:30px;}
#nav{
width:140px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
color:white;
height:30px;
border-bottom:0px;
float:right;
margin-left:42px;
position:relative;
*position:absolute;
margin-top:-20px;
*margin-top:-10px;
z-index:1;

}
#nav ul,li{
margin:0px;
padding:0px;
}
#nav li{
display:inline;
list-style:none;
list-style-position:outside;
text-align:left;
padding:0 2px;
font-weight:normal;
float:left;
text-align:center;
}
#nav li .list li{ text-align:left; width:120px; padding:2px 0;} 
#nav a{
color:#336601;
text-decoration:none;
float:left;
display:block;
}
#nav a:hover{
color:white;
float:left;
text-decoration:none;
background-color:#539D26;
}
#nav .list{
line-height:18px;
text-align:left;
padding:4px;
padding-right:0;
font-weight:normal;
}
#nav .menu1{
height:auto;
margin:6px 0px 0px 0px;
border:1px solid #9CDD75;
background-color:#F1FBEC;
color:#336601;
padding:6px 0px 0px 0px;
cursor:hand;
}
#nav .menu2{
height:16px;
margin:5px 0px 0px 0px;
background-color:#F5F5F5;
color:#999999;
border:1px solid #EEE8DD;
padding:5px 0px 0px 0px;
overflow-y:hidden;
cursor:hand;
}
.showurl{ line-height:30px; padding-left:8px; color:#000;}
.showurl a{ color:#000;}
.productindex { background:#FFF; padding:0 3px 15px;}
.productindex h2{ font-weight:bold;}
.productindex p{ margin:5px 0 0; line-height:18px;}

.productindex-list{ padding:0px 7px; margin-top:10px;}
.productindex-list li{ float:left; width:345px; padding:5px 5px; height:115px; overflow:hidden;}
.productindex-list h3{ font-weight:bold; font-size:12px;} 

.productindex-pic{ float:left;  width:115px;}
.productindex-info{ float:left; width:220px;}

.productlist-all li{ margin-top:8px; width:100%;}
.productlist-all .productslist-pic{ float:left; width:170px; text-align:center;}
.productlist-all h3{ font-size:12px; line-height:20px; background:#E7E7E7;}
.productlist-all .productslist-info{ line-height:30px; width:550px; float:right; background:#F4F1FA;}
.productlist-all .productslist-info span{ display:block; float:left; width:140px; text-indent:8px;}

#FAQList{ padding-bottom:10px; color:#03f; background:#FFF; padding:8px 0 10px 10px;}
#FAQList dt{ line-height:25px; cursor:pointer;}
#FAQList dd{ line-height:15px; color:#000; padding:5px 0;}
.contenter.clearfix .traffic-left #FAQList dl strong {
	color: #000;
}
#FAQList div.faqt{ color:#333; padding-bottom:5px; padding-top:5px;}
.pagination{
padding-top:15px
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 12px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: lightyellow;
}

.pagination li.currentpage{
font-weight: bold;
padding: 0 5px;
border: 1px solid navy;
background-color: #2e6ab1;
color: #FFF;
}

.pagination li.disablepage{
padding: 0 5px;
border: 1px solid #929292;
color: #929292;
}

.pagination li.nextpage{
font-weight: bold;
}

* html .pagination li.currentpage, * html .pagination li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
margin-right: 5px;
padding-right: 0;
}