@charset "utf-8";
/* CSS Document */

* {padding:0;margin:0;}
body {font:12px/1.8  arial, helvetica, clean, sans-serif; color:#333; background:url(../images/bg1.jpg) repeat-x;}
img {border:0;}
li {list-style-type:none;}
/* 超出部分隐藏 */ 
.overflow {-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
/* Clear Fix 万能清除浮动 */ 
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
.clear {clear:both;}
a:link {color:#333;text-decoration:none;}
a:visited {color:#333;text-decoration:none}
a:hover {color:#f2770d;;text-decoration:none;}
a:active {color:#f2770d;;text-decoration:none;}
h2 {font:16px/26px arial, helvetica, clean, sans-serif; font-weight:bold;}


/*----------index----------*/
#hd,#nav, #fl,#banner, #bd, #ft,#con, #con2 {width:960px; margin:0 auto;}
#hd {position:relative; height:88px;}
#hd .logo { position:absolute; left:0; top:10px;}
#hd .link { position:absolute; right:0; top:2px;}
#hd .lan  { }
#hd .lan a { height:30px; line-height:30px; display:block;}
#hd .lan a:hover {color:#f2770d;;text-decoration:none;}
#hd .lan .cn{position:absolute; right:112px; top:42px; background:url(../images/cn.gif) left no-repeat; width:84px; text-align:right; float:left;}
#hd .lan .en{position:absolute; right:22px; top:42px;background:url(../images/en.gif) left no-repeat; width:76px; text-align:right; }

#nav {height:30px; overflow:hidden; background:#074b8e;}
#nav ul {}
#nav ul li { float:left; background:url(../images/line.gif) left no-repeat; width:160px; _width:159px;}
#nav ul .bg { background:none;}
#nav ul li a {font:14px arial, helvetica, clean, sans-serif;  font-weight:bold;  color:#eee; display:block; _display:inline-block; height:30px;/*字数变了的时候，改这个数字来调整宽度。*/ line-height:30px; text-align:center; text-decoration: none;}
#nav ul li:hover a{ color:#074b8e; background-color:#f9d435;}
#nav ul .selected a{ color:#074b8e; background-color:#f9d435;}


#fl{ margin-top:5px;}



/*------------------------------------自定义bd部分----*/
#bd .bd-t { height:236px; margin-top:6px; overflow:hidden;}
#bd .bd-t .bd-t-l { width:214px; height:230px; float:left;  border:1px #ccc solid; padding:2px;}
#bd .bd-t .bd-t-l .title { height:36px; background:url(../images/bg-tit.jpg) no-repeat left; padding-top:2px; }
#bd .bd-t .bd-t-l .title h2 {color:#f9d435;  width:213px; text-align:center;}
#bd .bd-t .bd-t-l .main {height:190px; *height:193px; overflow:hidden;}
#bd .bd-t .bd-t-l .main ul { padding-top:1px;}
#bd .bd-t .bd-t-l .main ul li { padding-left:10px; padding-top:2px; *padding-top:2px;  margin-bottom:2px; background:#eee;}
#bd .bd-t .bd-t-l .main ul li a { background:url(../images/icon1.gif) no-repeat left; padding-left:15px; height:28px; line-height:28px;}
#bd .bd-t .bd-t-l .main ul li a:hover {color:#f2770d;;text-decoration:none;}
#bd .bd-t .bd-t-m { width:435px; height:236px; overflow:hidden; float:left; margin-left:15px; background:url(../images/bg-bd.jpg) repeat-x;}
#bd .bd-t .bd-t-m .title { height:32px; background:url(../images/line2.gif) repeat-x bottom;}
#bd .bd-t .bd-t-m .title h3 { font: bold 14px Arial, Helvetica, sans-serif; background: url(../images/icon2.gif) no-repeat 0 12px; padding-left:25px; margin-left:10px; padding-top:9px; color:#012676; float:left;}
#bd .bd-t .bd-t-m .title span { float:right; padding-top:11px; padding-right:5px;}
#bd .bd-t .bd-t-m .main {height: 215px;  overflow:hidden; padding:15px 10px 5px 18px;}
#bd .bd-t .main p img { float:left; padding:0px 10px 0px 0px; }

#bd .bd-t .bd-t-r { width:260px; padding-left:30px; float:right; background:url(../images//bg-bd.jpg) repeat-x;}
#bd .bd-t .bd-t-r .title {height:32px; background:url(../images/line2.gif) repeat-x bottom;}
#bd .bd-t .bd-t-r .title h3 {font: bold 14px Arial, Helvetica, sans-serif; background: url(../images/icon2.gif) no-repeat 0 12px; padding-left:25px; margin-left:10px; padding-top:9px; color:#012676; float:left;}
#bd .bd-t .bd-t-r .title span { float:right; padding-top:11px; padding-right:5px;}
#bd .bd-t .bd-t-r .main {height:215px; overflow:hidden;}
#bd .bd-t .bd-t-r .main ul { padding-top:12px; }
#bd .bd-t .bd-t-r .main ul li { border-bottom:#ccc 1px dashed;}
#bd .bd-t .bd-t-r .main ul li a { height:28px; line-height:28px; padding-left:12px; background:url(../images/dian.gif) no-repeat left;}
#bd .bd-t .bd-t-r .main ul li a:hover {color:#f2770d; text-decoration:none;}
#bd .bd-t .bd-t-r .main ul li span { float:right; padding-right:6px; height:28px; line-height:28px;  color:#999;}

#bd .bd-b { background:url(../images//bg-bd2.jpg) repeat-x; margin-top:12px;}
#bd .bd-b .title { width:960px; height:32px; background:url(../images/line2.gif) repeat-x bottom; }
#bd .bd-b .title h3 {font: bold 14px Arial, Helvetica, sans-serif; background: url(../images/icon2.gif) no-repeat 0 12px; padding-left:25px; margin-left:10px; padding-top:9px; color:#012676; float:left;}
#bd .bd-b .title span {float:right; padding-top:11px; padding-right:5px; }

#bg-ft {clear:both; border-top:#1f5f97 3px solid; background:#eee; margin-top:20px; min-width:1000px;}
#ft {  text-align:center; padding:20px 0; width:1000px;}




/*----------------------about---------------------*/

#con {width:960px; background:url(../images/leftbg.jpg) repeat-y left; margin-top:13px;}
#con .con-l {float:left; width:220px; overflow:hidden;}
#con .con-l .title { height:36px; background:url(../images/titbg2.jpg) no-repeat left;}
#con .con-l .title h2 {color:#f9d435;  width:213px; text-align:center; padding-top:3px;}

#con .con-l ul { padding-top:0px;}
#con .con-l ul .li1 {  padding-top:3px; *padding-top:1px; background:none;}
#con .con-l ul .li1 .selected { color:#f2770d;}
#con .con-l ul .li2 .selected { color:#f2770d;}
#con .con-l ul .li1 a { background:url(../images/icon1.gif) no-repeat 12px 9px;  padding-left:28px; border-bottom:#83a5c6 1px solid; display:block; height:30px; line-height:30px;}
#con .con-l ul .li1 a:hover {color:#f2770d; }
#con .con-l ul .ul2 { padding-top:0px; }
#con .con-l ul .ul2 .li2 { padding-top:2px; *padding-top:2px; }
#con .con-l ul .ul2 .li2 a { background:url(../images/dian.gif) no-repeat 30px 9px; border-bottom:#aaa 1px dashed; padding-left:42px;
height:26px; line-height:26px;}
#con .con-l img {}





#con .con-r { float:right; width:730px; _width:731px; background:url(../images/rightbg.jpg) repeat-x left top; min-height:300px; _height:300px;}
#con .con-r .rtit { padding-top:5px; padding-left:15px; border-bottom:#3a6f97 1px solid; height:30px;}
#con .con-r .rtit h3 { background:url(../images/icon2.gif) no-repeat left; padding-left:14px; color:#074b8e; font-size:14px; font-weight:bold; float:left;}
#con .con-r .rtit p {margin-left:108px; margin-top:4px; float:right; padding-right:5px;}
#con .con-r .rtit p a:hover { color:#f2770d;}
#con .con-r .rtit p .selected { color:#f2770d;}
#con .con-r .content {padding:15px; overflow:hidden;}



/*----------------------products1---------------------*/
#con2 { width:960px; background:url(../images/rightbg.jpg) repeat-x left top; margin-top:13px; overflow:hidden; }
#con2 .rtit2 { padding-top:5px; padding-left:15px; border-bottom:#3a6f97 1px solid; height:30px;}
#con2 .rtit2 h3 { background:url(../images/icon2.gif) no-repeat left; padding-left:14px; color:#074b8e; font-size:14px; font-weight:bold; float:left;}
#con2 .rtit2 p {margin-left:108px; margin-top:4px; float:right; padding-right:5px;}
#con2 .rtit2 p a:hover { color:#f2770d;}
#con2 .rtit2 p .selected { color:#f2770d;}

#con2 .prolist1 { padding:30px 20px 5px 40px; min-height:300px; _height:300px;}
#con2 .prolist1 ul { width:850px;}
#con2 .prolist1 ul .li1 { display:block; padding:10px 0; clear:both;}
#con2 .prolist1 ul li .title { background:url(../images/line3.gif) no-repeat left bottom; height:30px;}
#con2 .prolist1 ul li h3{ background:url(../images/icon3.gif) no-repeat left; padding-left:14px; font-size:14px; font-weight:bold; color:#074b8e;} 
#con2 .prolist1 .ul2 { padding:10px 15px 10px 30px; }
#con2 .prolist1 .ul2 li { float:left;}
#con2 .prolist1 .ul2 li li a:hover {color:#f2770d; text-decoration:none;}
#con2 .prolist1 .ul2 li a:hover {color:#f2770d; text-decoration:none;}



/*----------------------products2---------------------*/
#con .con-r .prolist2  {width:730px; _width:731px; margin-top:15px; padding-bottom:15px;}
#con .con-r .prolist2 ul {}
#con .con-r .prolist2 ul li {float:left; margin-left:16px; margin-bottom:13px; width:162px; height:150px; text-align:center; overflow:hidden;} 
#con .con-r .prolist2 ul li a{ display:block; background:url(../images/bgpro.jpg) no-repeat bottom; border:1px solid #074B8E; width:160px; height:128px; /*padding-top:5px;*/ }

#pg { text-align:center; margin-top:10px;}


/*----------newsList----------*/
#con .con-r .newList  {clear:both; padding:6px 0 10px 0px;}
#con .con-r .newList ul li {}
#con .con-r .newList ul li { background: url(../images/dian.gif) 20px 18px no-repeat; padding-left:20px; padding-right:15px; border-bottom:#999 1px dotted; padding-top:10px;}
#con .con-r .newList ul li:hover { background-color:#eee;}
#con .con-r .newList ul li a{ float:left; padding-left:15px; color:#333;}
#con .con-r .newList ul li a:hover{ color:#f2770d;}
#con .con-r .newList ul li .date  { float:right; color:#333;}
#con .con-r .newList #pg { text-align:center; padding-top:23px; color:#333;}