@charset "utf-8";
* {padding:0; margin:0;}
html{}
body {font:12px/1.8 "微软雅黑","宋体", arial, helvetica, clean, sans-serif; color:#414141; background-color:#fff; }
.title{ height:24px;  background:url(../images/00bg-title.gif) no-repeat 0 0;}
h1, h2, h3, h4, h5, h6 { font-size:14px; background: url(../00images/icon-a.gif) no-repeat 2px 6px; font-weight:bold; color:#014286; height: 25px; line-height: 25px;}
img {border:0;}
img:hover{}
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:#414141; text-decoration:none;}
a:visited {color:#414141; text-decoration:none;}
a:hover {color:#014286; text-decoration: none;}
a:active {color:#014286; text-decoration: none;}
#hd, #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:100px; overflow:visible;  }
#hd .logo {position:absolute; left:0; top:10px;}

#hd .lang{ position:absolute; top:12px; right:18px;}
#hd .lang .cn { height:18px; line-height:18px; padding-right:8px; }
#hd .lang .en { font:12px/1.8 arial, helvetica, clean, sans-serif; height:18px; line-height:18px; padding-left:8px;}
#hd .lang a { color:#666;}
#hd .lang a:hover{ color:#014286;}
#hd .nav { width:720px; height:30px; line-height:30px; position:absolute; top:40px; right:0;}
#hd .nav ul li { float:left; width:90px; height:30px; line-height:30px; text-align:center; position:relative;}
#hd .nav ul li a { font-size:14px; color:#333; display:block; }
*html #hd .nav ul li a:hover { background:url(../images/icon-b2.gif) center 26px no-repeat; color:#014286; }
#hd .nav ul li:hover a {background:url(../images/icon-b2.gif) center 26px no-repeat; color:#014286;}
#hd .nav ul .selected a {background:url(../images/icon-b1.gif) center 26px no-repeat; color:#014286;  }



#hd .nav ul li .subNav { position:absolute; z-index:2; left:-10px; top:30px; display:none; padding:5px; background:none; background-color:#eee; FILTER: alpha(opacity=100);}
#hd .nav ul li .subNav li {border:none;  white-space:nowrap; width:100px; height: 25px;line-height: 25px; overflow:hidden;}
#hd .nav ul li .subNav .pro {width:240px;}
#hd .nav ul li .subNav li a {font-size:12px; font-weight:normal; color:#666; background-color:#fff; text-align:left; padding-left:5px; display:block; overflow:hidden;}
#hd .nav ul li .subNav li a:hover {color:#fff; background-color:#007DB7;}

#fl-t{ height:100px; width:100%;}
#fl {height:420px; width: 100%; 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:#014286;}
#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:#014286;}

#bd { background-color:#fff;}
#bd h2{ padding-top:10px;}
#bd h2 a{ color:#014286;}
#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;}

#bd03{ clear:both; width:1000px; height:180px; margin:10px auto; }
#bd03 .bd3-l{ float:left; width:180px; height:160px; padding:10px; background-color:#014286; }
#bd03 .bd3-l h2{ text-align:right; font-size:28px; line-height:32px; color:#FFF; padding-top:50px; padding-right:5px; }
#bd03 .bd3-l h2 span{ font:12px/1.2 arial, Trebuchet MS, sans-serif, Lucida Sans Unicode, Arial, Helvetica;}
#bd03 .bd3-r{ float:right; width:780px; height:160px; padding:5px; background-color:#fff; border:5px #eee solid;  }
.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{background:#fff; display:block; margin:0 auto;}
.rollBox .Cont .pic img:hover{}
.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:#014286;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{ width:1000px; margin:0 auto; padding:20px 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;}

#ft0{ width:100%; background-color:#08377D;}
#ft{ width:1000px; margin:0 auto;}
#ft .ft1 { width:1000px; overflow:hidden;  padding-top: 20px; padding-bottom: 20px; }
#ft .ft1 .clearfix { width:1000px; }
#ft .ft1 .clearfix .logo1{ width:200px; padding-left:0; padding-right:20px; padding-top:23px; border:none;}
#ft .ft1 .clearfix .dbewm{ width:240px; padding:0; border:none;}
#ft .ft1 .clearfix .dbewm .ewm{ width:100px; height:122px; overflow:hidden; float:left; padding-left:20px;}
#ft .ft1 .clearfix .dbewm .ewm p{ font-weight:bold; height:22px; line-height:22px; color:#999; text-align:center;}
#ft .ft1 .clearfix li{ float:left; width:498px; padding:0 20px; border-left:solid 1px #666; border-right:solid 1px #666;}
#ft .ft1 .clearfix li h3 { padding:0; margin:0; color:#999; }
#ft .ft1 .clearfix li p{color:#999;}
#ft .ft2 {height: 40px; line-height:40px; text-align:center; overflow:hidden; border-bottom: solid 1px #08377D; background-color:#014286; }
#ft .ft2 ul { width:560px; margin:0 auto; height: 14px; border-left: solid 1px #666; margin-top: 13px;}
#ft .ft2 ul li {float:left; height: 14px;line-height: 14px;}
#ft .ft2 ul li a {height: 14px;line-height: 14px; border-right: solid 1px #666; padding: 0 10px; color:#999;}
#ft .ft2 ul li a:hover {color:#ccc;}
#ft .ft3 {text-align:center; height: 40px; overflow:hidden; line-height: 35px; background-color:#014286; color:#999;}
#ft .ft3 a {color:#777;}
#ft .ft3 a:hover {color:#ccc;}

/*----------about----------*/
#banner { width: 100%; height:300px; overflow:hidden; margin-bottom:20px; }

#con0 { width:100%; background-color:#fff; background:url(../images/00bg-left.jpg) no-repeat 0 -120px;}
#con {width: 1000px; margin:0 auto; min-height:400px;_height:400px; overflow:visible; margin-bottom:20px;}
#con .con-l { float:left;width: 210px; overflow:hidden;	background:url(../images/00bg-left.jpg) no-repeat 0 0;}

#con .con-l .title { background-color:#014286; margin-bottom: 10px; height:35px; line-height:35px;}
#con .con-l .title h2 {color:#FFF; padding-left: 20px; height:35px; line-height:35px;}
#con .con-l ul  { margin-top:5px;  }
#con .con-l ul .li1 {  text-align:left; background-color:#007DB7; margin-bottom:2px;height: 38px; line-height:38px; overflow: hidden;  }
#con .con-l ul .li1 a { padding-left: 20px; display:block; font:14px/1.8 arial, helvetica, clean, sans-serif; font-weight:bold; color:#fff; height: 38px; line-height:38px; }
#con .con-l ul .li1 a:hover {color: #014286; height: 34px; line-height:34px; border: 2px #007DB7 solid;  background:url(../images/ltit-h.jpg) no-repeat 180px 13px;background-color:#fff; }
#con .con-l ul .li1 .selected  {color: #014286; height: 34px; line-height:34px; border: 2px #007DB7 solid;  background:url(../images/ltit-h.jpg) no-repeat 180px 13px;background-color:#fff;}

#con .con-l ul .li2 {  text-align:left; background-color:#eee; margin-bottom:3px; }
#con .con-l ul .li2 a { padding-left: 20px; display:block; font:12px/1.8 arial, helvetica, clean, sans-serif; font-weight: normal; color:#666; height: 28px; line-height:28px;}
#con .con-l ul .li2 a:hover {color: #666; height: 24px; line-height:24px; border: 2px #ddd solid;  background:url(../images/ltit-h.jpg) no-repeat 160px 8px;background-color:#fff;}
#con .con-l ul .li2 .selected  {color: #666; height: 24px; line-height:24px; border: 2px #ddd solid;  background:url(../images/ltit-h.jpg) no-repeat 160px 8px;background-color:#fff;}

#con .con-l ul .li3 {  text-align:left; background-color:#F5F5F5; margin-bottom:3px; }
#con .con-l ul .li3 a { padding-left: 50px; display:block; font:14px/1.8 arial, helvetica, clean, sans-serif; font-weight:bold; color:#666; height: 38px; line-height:38px; border: 2px #fff solid;}
#con .con-l ul .li3 a:hover {color: #666; border: 2px #E2E6E5 solid;  background:url(../images/ltit-h.jpg) no-repeat 170px 15px;background-color:#fff;}
#con .con-l ul .li3 .selected  {color: #666; border: 2px #E2E6E5 solid;  background:url(../images/ltit-h.jpg) no-repeat 170px 15px;background-color:#fff;}

#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;overflow:hidden; }


#con .con-r { float:right; width:760px; background-color:#fff; }
.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:#414141; }
.rtit p a:hover{ color: #014286; text-decoration:underline;}
.rtit p .selected{ color: #014286; }

#con .con-r .prolist {}
#con .con-r .prolist .clearfix { padding-left: 10px; padding-top: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:#007DB7 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 {padding:10px; width:740px; overflow:hidden; border-bottom:1px #ccc solid;  white-space: normal; clear: both;}
#con .con-r .prolist2 ul li .left {float:left; width:210px; line-height:16px;}
#con .con-r .prolist2 ul li img { margin-top:5px; margin-bottom:5px;}
#con .con-r .prolist2 ul li img:hover { }
#con .con-r .prolist2 ul li .right {float:right; width:520px; margin-top:5px;}
#con .con-r .prolist2 ul li h3{ float:left;  font-weight:bold;  font-family:"Microsoft YaHei", "微软雅黑", arial, Helvetica, sans-serif; font-size:14px;  padding-left:0;}
#con .con-r .prolist2 ul li p{ }
#con .con-r .prolist2 ul li .more { float:right; padding:5px 10px; background-color:#ccc; color:#414141; font-size:12px; font-weight:normal; height:13px; line-height: 15px; margin-top:2px; text-decoration:none;}
#con .con-r .prolist2 ul li .more:hover { background-color:#007DB7; color:#fff; text-decoration: underline;}

/*----------video----------*/
#con .con-r .prolist1 {clear:both; margin-top:20px; margin-bottom:20px;}
#con .con-r .prolist1 .clearfix { padding-left:21px;}
#con .con-r .prolist1 .clearfix li{ float:left; width:226px; height:210px; overflow:hidden; padding-right:20px; text-align:left; }
#con .con-r .prolist1 .clearfix li a img {padding:2px; border:1px #C6C6C6 solid; }
#con .con-r .prolist1 .clearfix li a img:hover{ border:1px #014286 solid;}
#con .con-r .prolist1 .clearfix li .pro-t { height:171px;}
#con .con-r .prolist1 .clearfix li .pro-b { height:22px; overflow:hidden;}
#con .con-r .prolist1 .clearfix li:hover .pro-b a {color:#014286;}

#con .con-r .prolist1 .clearfix li .pro-b { text-align:center;}
#con .con-r .prolist1 .clearfix li .pro-b a{ color:#666;}
#con .con-r .prolist1 .clearfix li .pro-b a:hover { color:#014286;}


/*----------about----------*/
.content{  margin: 20px 0; padding:10px; }
.content1{ margin-top:20px; padding:10px;  }

#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;}

/*----------QQ----------*/

.qq{ width:50px; height:50px; position:relative; cursor:pointer}
.qq span{ width:50px; height:50px; position:absolute; background-color:#014286;}
.qq span img{ padding:10px;}
.qq:hover span{background:url(../qqimages/icon-b3.gif) 0 20px no-repeat #007DB7;}
.onlineqq{ border:5px #ddd 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; color:#014286; }
.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:#014286;}
.er span img{ padding:7px;}
.er:hover span{ background:url(../qqimages/icon-b3.gif) 0 20px no-repeat #007DB7;}
.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:#014286; border-top:1px solid #fff; display:none}
.returntop:hover{background-color:#007DB7;}
.returntop img{ padding:11px 12px;}