@charset "utf-8";
* {padding:0; margin:0;}
html{}
body {font:12px/1.8 "宋体", arial, helvetica, clean, sans-serif; color:#666; background:url(../images/00bg-fl.jpg) 0 80px repeat-x; background-color:#fff; }
.title{ background:url(../images/icon01.png) no-repeat 0 6px; border-bottom:#004787 2px solid; height:25px; }
h1, h2, h3, h4, h5, h6 {font:14px/1.8 "宋体",arial, helvetica, clean, sans-serif; background: url(../00images/icon-a.gif) no-repeat 2px 6px; font-weight:bold; color:#004787; height: 25px; line-height: 25px;}
img {border:0; filter:alpha(opacity=100); -moz-opacity:1.0; opacity: 1.0;}
img:hover{ filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9;}
li {list-style-type:none;}
.overflow {-o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
.clear {clear:both;}
a:link {color:#666; text-decoration:none;}
a:visited {color:#666; text-decoration:none;}
a:hover {color:#004787; text-decoration:underline;}
a:active {color:#004787;text-decoration:underline;}
#hd, #fl, #nav, #bd, #ft, #con {width:1000px; margin:0 auto; overflow:hidden;}

/*----------index----------*/

#hd0 { position: fixed; z-index:100; width:100%; height:auto; background-color:#fff;}
*html, *html body{background-image:url(about:blank);background-attachment:fixed;}
*html #hd0{ position:absolute; bottom:auto; top:expression(eval(document.documentElement.scrollTop));}


#hd { position:relative; z-index:100; height:80px; overflow:visible;  }
#hd .logo {position:absolute; left:0; top:28px;}
#hd .tlink{ position:absolute; right: 0px; top :16px;}
#hd .tlink a{ padding:0 3px; color:#666;}
#hd .tlink a:hover{ color:#004787;}
#hd .tel { background:url(../images/tel.png) no-repeat 0px 2px;   position:absolute; top:35px; right:13px; width:263px; height: 30px; }
#hd .tel p  {color:#666; font-size:14px; padding-left: 40px; padding-top: 6px;}
#hd .telno p  {position:absolute; top:35px; right:2px; height: 30px; font-family:"Times New Roman", Times, serif; font-size:22px; font-weight:bold;  color:#004787; height:28px; line-height: 28px; padding-left: 145px; padding-top: 5px;}


#nav0{ width:100%; height:40px; background-color:#eee; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin-bottom:1px; }
#nav { height:40px; overflow:visible;}
#nav ul {}
#nav ul li { width:125px; float:left; position:relative; text-align:center; height:40px; line-height:40px; background-color:#eee;}
#nav ul li a { font-size:14px; color:#004787; display:block; }
*html #nav ul li a:hover { background:url(../images/icon-b2.gif) center 36px no-repeat #0D75D2; color:#fff; }
#nav ul li:hover a {background:url(../images/icon-b2.gif) center 36px no-repeat #0D75D2; color:#fff;}
#nav ul .selected a {background:url(../images/icon-b1.gif) center 36px no-repeat #004787;  color:#fff; }

#nav ul li .subNav { position:absolute; z-index:2; width:auto; left:0px; top:40px; display:none; padding:5px; background:none; background-color:#eef5ff; FILTER: alpha(opacity=100);}
#nav ul li .subNav li {border:none;  white-space:nowrap; width:115px; height: 25px;line-height: 25px;}
#nav ul li .subNav .pro {width:180px;}
#nav ul li .subNav li a {font-size:12px; font-weight:normal; color:#333; background-color:#fff; text-align:left; padding-left:10px; display:block; overflow:hidden;}
#nav ul li .subNav li a:hover {  color:#fff; background-color:#0D75D2;}

#fl-t{ height:114px; width:100%;}

#fl {width:1000px; height:400px; overflow:hidden; }

#bd0 { width:100%; background-color:#fff;}
.bd-t { width: 1000px; margin:0 auto; height:40px; background-color:#eee; margin-top: 10px; margin-bottom: 10px; position:relative; }
.bd-t h3 { position:absolute;left:20px; height:40px;line-height:40px; font-size: 12px; color:#004787;}
#scrollDiv{ position:absolute;left:80px;width:500px;height:40px;line-height:40px;overflow:hidden}
#scrollDiv li{height:40px;padding-left:5px;}
.bd-t .bd-t-r{position:absolute;right:20px; top:10px;}
.bd-t .sp1 { position:absolute;right:198px; top:2px; height:40px;line-height:40px; font-size: 12px; font-weight:bold; color:#004787;}

#bd { background-color:#fff;}
#bd h2{ padding-top:10px;}
#bd h2 a{ color:#004787;}
#bd .bd-m{ height:360px; }
#bd .main1{ float:left; width:320px; height:350px; margin-right:20px; overflow:hidden;}
#bd .main2{ float:right; width:320px; height:350px; overflow:hidden;}

#bd-b0{ width:100%; height:248px; background-color:#f5f5f5;}
#bd-b{ width:1000px; margin:0 auto; height:248px; position:relative;}
#bd-b .bd1{  width:320px; height:228px; position:absolute; top:10px; left:0; overflow:hidden; }



#bd-b .bd2{  width:420px; height:228px; position:absolute; top:10px; left:340px; overflow:hidden;}

#slide_right2{ }
#slide_right2 ul{ height:25px; border-bottom:#004787 2px solid;}
#slide_right2 ul li{ width:92px;  float:left; text-align:center; cursor:pointer; border-left: solid 1px #999;   LINE-HEIGHT:16px; height:16px; font-size:14px; font-weight:bold; margin-bottom: 5px; margin-top:4px;}

#slide_right2 .tab{ color:#004787; border-left:none; }
#slide_right2 .hide{ display:none; }

#slide_right2 div { padding:8px 0;}
#slide_right2 div p { border-bottom:#999 1px dotted; height:22px; line-height: 22px; margin-bottom:10px;}
#slide_right2 div p a { padding-left:5px; float:left;}
#slide_right2 div p a:hover{}
#slide_right2 div p span { color:#666; float:right;}


#bd-b .bd3{ width:220px; height:228px; position:absolute; top:10px; right:0; overflow:hidden;}
#bd-b .bd3 .anli{ padding-top:8px; }
#bd-b .bd3 .anli ul li{ width:200px; float:left;  padding-left:20px; background:url(../images/icon02.gif) no-repeat 10px 8px;}

#bd-b .title h2{ float:left;}
#bd-b .title p a{ float:right; margin-right: 10px; margin-top: 5px; background-color:#fff;   color:#333; font:12px/1.8 arial, helvetica, clean, sans-serif;  line-height: 14px; font-weight:bold; padding-bottom: 2px; padding-right: 5px; padding-left:5px; display:inline;}
#bd-b .title p a:hover{background-color:#004787; color:#fff;}
#bd-b .main{ }
#bd-b .main img{ float:left; padding-top: 13px; padding-right: 10px;}
#bd-b .main p{ padding-top: 8px;}
#bd-b .main1{ margin: 0px 0px;}
#bd-b .main1 h3{ padding-top:10px; font-size: 14px; font-weight: bold; padding-left:10px;}
#bd-b .main1 p{ padding-left:10px;}
#bd-b .main1 a{ margin-left:65px; margin-top:30px; padding:5px 10px; background-color:#004787; color:#fff; line-height: 50px;}
#bd-b .main1 a:hover{ background-color:#06C;}
#bd-b .main1 img{  padding-right: 10px; padding-top: 5px;}

.newslist2  {border-bottom:none;}
.newslist2 p {  border-bottom:#999 1px dotted; color:#ccc;}
.newslist2 p a {background: url(../images/00icon-c.gif) no-repeat 10px 8px; color:#666;  float:left;}
.newslist2 p a:hover{ color:#004787; }
.newslist2 p span {  float:right;  }

.hide  {border-bottom:none;}
.hide p { border-bottom:#999 1px dotted; color:#ccc;}
.hide p a {background: url(../images/00icon-c.gif) no-repeat 10px 8px; color:#666;  float:left;}
.hide p a:hover{ color:#004787; }
.hide p span {  float:right;  }


#bd03{ clear:both; width:1000px; height:180px; margin:10px auto; }
#bd03 .bd3-l{ float:left; width:180px; height:160px; padding:10px; background-color:#0C5EB8; }
#bd03 .bd3-l h2{ text-align:right; font-size:28px; line-height:32px; color:#FFF; }
#bd03 .bd3-l h2 span{ font:14px/1.8 arial, Trebuchet MS, sans-serif, Lucida Sans Unicode, Arial, Helvetica;}
#bd03 .bd3-r{ float:right; width:780px; height:160px; padding:10px; background-color:#eee; }
.rollBox img{border:none;}
.rollBox{width:780px;overflow:hidden;margin:0 auto;}
.rollBox .Cont{width:710px;overflow:hidden;margin:0 auto;padding-top:8px; }
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:170px;float:left;text-align:center; padding-right:10px; }
*+html .rollBox .Cont .pic{width:160px;float:left;text-align:center;padding-right:20px;}
.rollBox .Cont .pic img{padding:4px;background:#fff;border:1px solid #ccc;display:block;margin:0 auto;}
.rollBox .Cont .pic img:hover{border:1px solid #076AC7;}
.rollBox .Cont .pic p{line-height:30px;color:#ccc;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#666;text-decoration:none;}
.rollBox .Cont a:hover{color:#076AC7;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}
.img1,.img2,.Cont{float:left;}
.img1,.img2{width:35px; height:160px; display:block; cursor:pointer;}
.img1{background-image:url(../images/pre.gif); background-repeat: no-repeat; background-position: center center;}
.img1:hover{background-image:url(../images/pre-h.gif);}	
	
.img2{background-image:url(../images/next.gif); background-repeat: no-repeat; background-position: center center;}
.img2:hover{background-image:url(../images/next-h.gif);}


.blink{ clear:both; width:1000px; margin:0 auto; padding:10px 0; }
.blink li{ float:left; padding-left:14px;}
.blink .first{ padding-left:0; }
.blink select{ width:143px; color:#555; font-size:12px; border:1px solid #ccc;}

#ft01 { clear:both; margin-top:10px; width:100%; background-color:#ddd; }
#ft01 .ft1{ width: 1000px; margin:0 auto; overflow:hidden; padding-bottom: 10px; padding-top: 10px; overflow:hidden; }

#ft01 .ft1 .clearfix{width:1100px;}
#ft01 .ft1 .clearfix li{ float:left; width: 133px; overflow:hidden;  }
#ft01 .ft1 .clearfix .pro{ float:left; width:194px; overflow:hidden;  }
#ft01 .ft1 .clearfix li .a1{ color:#004787; font-size:14px; font-weight:bold;}

#ft01 .ft1 .clearfix li ul { padding:0; margin:0;}
#ft01 .ft1 .clearfix li ul li{ padding:0; margin:0;  border:none; width:120px; height:20px; overflow:hidden;}
#ft01 .ft1 .clearfix .pro ul li{ padding:0; margin:0;  border:none; width:270px; height:20px; overflow:hidden;}
#ft01 .ft1 .clearfix li ul li a{ padding:0; margin:0; }

#ft0 { width:100%; background-color:#333;}
#ft { clear:both; }
#ft .ft2 {overflow:hidden; padding:10px 0;  color:#ccc;}
#ft .ft2 a{padding:6px 6px; background-color:#333; color:#ccc; text-decoration: underline;}
#ft .ft2 a:hover{ background-color:#0D75D2; color:#FFF; }



/*----------about----------*/
#banner { width:1000px; margin:0 auto; overflow:hidden; margin-bottom:20px; }

#con0 { width:100%; background-color:#fff;}
#con {width: 1000px; margin:0 auto; min-height:400px;_height:400px; overflow:visible; background:url(../images/bg-con3.gif) repeat-y #fff;}
#con .con-l { float:left;width: 210px;overflow: hidden;	background:url(../images/00bg-bd-b.jpg) no-repeat bottom;margin-left:5px;}
#con .con-l .title{ height: 35px; border-bottom:#fff 3px solid;}
#con .con-l .title h2{ height:35px; line-height: 35px; padding:0; padding-left: 20px; background-color:#004787; color:#FFF;}
#con .con-l ul  {}
#con .con-l ul .list1 {line-height:18px; padding-top:5px; padding-bottom:5px; border-bottom:#999 1px dotted; margin-left:5px; width:200px;}
#con .con-l ul .list1 a {background:url(../images/icon-bb.gif) no-repeat 1px 4px;  padding-left: 12px;display:block; }
#con .con-l ul .list1 a:hover { background:url(../images/icon-bg.gif) no-repeat 0px 6px;  color: #004787; text-decoration:underline;}
#con .con-l ul .list1 .selected  {background:url(../images/icon-bg.gif) no-repeat 0px 6px;  color: #004787; text-decoration:underline; }
#con .con-l ul .list1 ul .list2 { width: 220px; height: 22px; line-height: 22px;}
#con .con-l ul .list1  ul .list2 a {background:url(../images/icon-dg.gif) no-repeat 0px 4px; margin-left: 7px; padding-left:8px; color:#666; display:inline;border-top:none; }
#con .con-l ul .list1 ul .list2 a:hover {background:url(../images/icon-db.gif) no-repeat 0px 4px; color:#004787; text-decoration:underline;}
#con .con-l ul .list1 ul .list2 .selected  {  background:url(../images/icon-db.gif) no-repeat 0px 4px;  color: #004787; text-decoration:underline;}

#con .con-l  h3 { font-size: 14px; line-height: 18px; font-weight:bold; background-color:#007BF4; color:#fff; width:162px; padding: 5px 15px; margin-top: 10px; }
#con .con-l  h3:hover { background-color:#693325; }
#con .con-l  h3 span{ font-size: 9px; line-height: 11px; }

#con .con-l .neicon { margin-top: 20px; padding-left:15px; padding-right:10px; overflow:hidden; }

#con .con-l p { margin-top: 20px; padding-left:15px; padding-right:10px; overflow:hidden; }

#con .con-r { float:right; width:760px; }
.rtit { background-color:#eee; height:35px; line-height:35px;}
.rtit h1{ float:left; line-height:35px; padding-left:10px; background:none;}
.rtit p{ text-align:right; height:35px; line-height:35px; padding-right:10px; color:#999; }
.rtit p a{ color:#666; }
.rtit p a:hover{ color: #004787; text-decoration:underline;}
.rtit p .selected{ color: #004787; }

#con .con-r .prolist { margin: 30px 0;}
#con .con-r .prolist .clearfix { padding-left: 10px; padding-bottom: 20px;}
#con .con-r .prolist .clearfix li{ float:left; width:240px; height: 220px; overflow:hidden; margin-right: 10px; text-align:center;  }
#con .con-r .prolist .clearfix li a img  {border:#ccc 1px solid; padding:3px;}
#con .con-r .prolist .clearfix li a:hover img  {border:#0D75D2 1px solid; padding:3px;}

#con .con-r .prolist .clearfix li .pro-b {}
#con .con-r .prolist .clearfix li .pro-b a{}
#con .con-r .prolist .clearfix li .pro-b a:hover {text-decoration: underline;}

/*----------proList2----------*/
#con .con-r .prolist2  {clear:both; padding-top:5px;}
#con .con-r .prolist2 ul li {width:748px; padding:10px 0; overflow:hidden; border-bottom:1px #ccc solid; margin-left:12px; white-space: normal; clear: both;}
#con .con-r .prolist2 ul li .left {float:left; width:210px;}
#con .con-r .prolist2 ul li img {padding: 2px; margin-top:5px;  border:1px #C6C6C6 solid;}
#con .con-r .prolist2 ul li img:hover { border:1px #004787 solid;}
#con .con-r .prolist2 ul li .right {float:right; width:520px;}

#con .con-r .prolist2 ul li .more { float:right; padding:3px 10px; background-color:#004787; color:#fff; font-size:12px; font-weight:normal; height:13px; line-height: 15px;}
#con .con-r .prolist2 ul li .more:hover { background-color:#0D75D2;}


/*----------about----------*/
.content{  margin: 20px 0; padding-left:10px;  }
#con0 #con .con-r .content h1{ text-align:center;}

#con .con-r .newslist {}
#con .con-r .newslist .clearfix {padding:0 10px; padding-top:15px;}
#con .con-r .newslist .clearfix li {  border-bottom:#999 1px dotted; height:22px; margin-bottom:10px;}
#con .con-r .newslist .clearfix li a {background: url(../images/icon-c.gif) 0 7px no-repeat;  padding-left: 15px; float:left;}
#con .con-r .newslist .clearfix li span { color:#999; float:right;}
#con .con-r .newslist #pg { margin:20px 0;  text-align:center;}


/*----------downland----------*/
#con .con-r .newslist1 {}
#con .con-r .newslist1 .clearfix {padding:0 10px; padding-top:15px;}
#con .con-r .newslist1 .clearfix li {  border-bottom:#999 1px dotted; height:22px; margin-bottom:10px;background: url(../images/icon-c.gif) 0 7px no-repeat;  padding-left: 15px;}
#con .con-r .newslist1 .clearfix li a {}
#con .con-r .newslist1 .clearfix li span { color:#999; float:right;}
#con .con-r .newslist1 #pg { margin:20px 0;  text-align:center;}


/*----------QQ----------*/
.qq{ width:50px; height:50px; position:relative; cursor:pointer}
.qq span{ width:50px; height:50px; position:absolute; background-color:#004787;}
.qq span img{ padding:10px;}
.qq:hover span{background:url(../qqimages/icon-b3.gif) 0 20px no-repeat #0D75D2;}
.onlineqq{ border:5px #eee solid; position:absolute; right:50px; display:none; background-color:#fff;}
.onlineqq ul{ position:relative;  width:128px;}
.onlineqq ul h2 { padding:0; text-align:center; height:25px; line-height:25px; padding-top:5px; }
.onlineqq li{  width:100%; height:25px;  line-height: 25px; white-space:nowrap; padding-left:45px; }
.onlineqq li a{ display:inline-block}

.er{ width:50px; height:50px; position:relative; border-top:1px solid #fff; cursor:pointer}
.er span{ width:50px; height:50px; position:absolute;  background-color:#004787;}
.er span img{ padding:7px;}
.er:hover span{ background:url(../qqimages/icon-b3.gif) 0 20px no-repeat #0D75D2;}
.erm{border:5px #ddd solid; position:absolute; right:50px; width:128px; display:none; background-color:#fff;}
.erm img{ width:100%;}

.returntop{ width:50px; height:50px; cursor:pointer; background-color:#004787; border-top:1px solid #fff; display:none}
.returntop:hover{background-color:#0D75D2;}
.returntop img{ padding:11px 12px;}