@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:#004b96; 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:#f00; text-decoration: none;}
a:active {color:#f00; 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:20px;}
#hd .tlink{ position:absolute; right: 0px; top :18px;}
#hd .tlink a{ padding:0 3px; }

#hd .tel { background:url(../images/tel.png) no-repeat 15px 0px;   position:absolute; top:18px; right:40px; width:263px; height: 20px; }
#hd .tel p  { height:18px; line-height: 18px; padding-left: 40px; padding-top: 2px;}
#hd .telno p  {position:absolute; top:20px; right:100px; font-family:"Times New Roman", Times, serif; font-size:16px; font-weight:bold;  color:#004b96; height:18px; line-height: 18px; padding-left: 145px;}

#hd .search1{ position:absolute; right:0; top:53px; width:200px; height:25px; line-height:25px; border:1px #aaa solid; text-align:center;}
#hd .search1 .sea-input { border:0px; float:left; padding-left:10px; width:165px; line-height:25px; height:25px; color:#aaa;}
#hd .search1 .buttom { float:right; cursor:pointer;}

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

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

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

#fl {height:500px; 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:#004b96;}
#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:#004b96;}

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

#bd01{ width:100%; height:500px; }
#bd1{ width:1000px; margin:0 auto; height:500px; position:relative;}
#bd1 h2{ line-height:40px; color:#414141;}
#bd1 h3{ color:#fff; line-height:16px; height:20px;}
#bd1 p{ color:#eee; line-height:16px; height:46px; overflow:hidden;}
#bd1 .anli1{  width:510px; height:237px; position: absolute; top:40px; left:0;}
#bd1 a  { cursor:pointer; }
#bd1 .anli1 .anli1-t{ width:490px; height:152px;}
#bd1 .anli1 .anli1-b{ width:490px; height:75px; padding:0 10px;  background-color:#004b96; filter:alpha(opacity=0);_filter:alpha(opacity=0); -moz-opacity:0; opacity: 0; }
#bd1 .anli1:hover .anli1-b{ width:490px; height:75px; padding:10px; padding-bottom:0; background-color:#004b96; filter:alpha(opacity=90);_filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; }

#bd1 .anli2{  width:520px; height:190px;  position: absolute; top:292px; left:0;}
#bd1 .anli2 .anli2-t{ height:105px;}
#bd1 .anli2 .anli2-b{ width:490px; height:75px; padding:10px; padding-bottom:0; background-color:#004b96; filter:alpha(opacity=0);_filter:alpha(opacity=0); -moz-opacity:0; opacity: 0;  }
#bd1 .anli2:hover .anli2-b{ width:490px; height:75px; padding:10px; padding-bottom:0; background-color:#004b96; filter:alpha(opacity=90);_filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; }

#bd1 .anli3{  width:475px; height:237px;  position: absolute; top:40px; right:0;}
#bd1 .anli3 .anli3-t{ height:152px;}
#bd1 .anli3 .anli3-b{ width:455px; height:75px; padding:10px; padding-bottom:0; background-color:#004b96; filter:alpha(opacity=0);_filter:alpha(opacity=0); -moz-opacity:0; opacity: 0;  }
#bd1 .anli3:hover .anli3-b{ width:455px; height:75px; padding:10px; padding-bottom:0; background-color:#004b96; filter:alpha(opacity=90);_filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; }

#bd1 .anli4{  width:230px; height:190px;  position: absolute; top:292px; right:245px;}
#bd1 .anli4 .anli4-t{ height:105px;}
#bd1 .anli4 .anli4-b{ width:210px; height:75px; padding:10px; padding-bottom:0; background-color:#004b96; filter:alpha(opacity=0);_filter:alpha(opacity=0); -moz-opacity:0; opacity: 0;  }
#bd1 .anli4:hover .anli4-b{ width:210px; height:75px; padding:10px; padding-bottom:0; background-color:#004b96; filter:alpha(opacity=90);_filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; }

#bd1 .anli5{  width:230px; height:190px; position: absolute; top:292px; right:0;}
#bd1 .anli5 .anli5-t{ height:105px;}
#bd1 .anli5 .anli5-b{ width:210px; height:75px; padding:10px; padding-bottom:0; background-color:#004b96; filter:alpha(opacity=0);_filter:alpha(opacity=0); -moz-opacity:0; opacity: 0;  }
#bd1 .anli5:hover .anli5-b{ width:210px; height:75px; padding:10px; padding-bottom:0; background-color:#004b96; filter:alpha(opacity=90);_filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; }


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

#ft01 { 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:1072px;}
#ft01 .ft1 .clearfix li{ float:left; width: 110px;  }
#ft01 .ft1 .clearfix .pro{ float:left; width:274px;  }
#ft01 .ft1 .clearfix li .a1{ color:#414141; 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:110px; 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 .ft1 {height: 40px; line-height:40px; text-align:center; overflow:hidden; color:#ccc;}
#ft .ft1 .inp {margin-left:0px; height: 14px; margin-top: 5px; float:left;}
#ft .ft1 ul {width:680px; margin:0 auto; height: 14px; border-left: solid 1px #ccc; margin-top: 13px;}
#ft .ft1 ul li {float:left; height:14px; line-height: 14px;}
#ft .ft1 ul li a { border-right: solid 1px #ccc; padding: 0 15px; color:#ccc;}
#ft .ft1 ul li a:hover {color:#fff;}
#ft .ft1 ul .selected a {color:#fff;}
#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:#444; color:#FFF; }



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

#con0 { width:100%; background-color:#fff;}
#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-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; color:#004b96;}
#con .con-l ul  {}
#con .con-l ul .list1 {line-height:18px; padding-top:8px; padding-bottom:8px; border-bottom:#999 1px dotted; width:200px; }
#con .con-l ul .list1 a {background:url(../images/list1.jpg) no-repeat 1px 4px;  padding-left: 16px;display:block; font-weight:bold; }
#con .con-l ul .list1 a:hover { background:url(../images/list1-h.jpg) no-repeat 0px 3px; text-decoration:underline;}
#con .con-l ul .list1 .selected  {background:url(../images/list1-h.jpg) no-repeat 0px 3px;  color: #f00; text-decoration:underline; }
#con .con-l ul .list1 ul .list2 { line-height: 16px; padding-bottom:5px; padding-top:5px; overflow:hidden;}
#con .con-l ul .list1 ul .list2 a {background:none; margin-left: 15px; padding-left:2px; color:#414141; border-top:none; font-weight:normal;}
#con .con-l ul .list1 ul .list2 a:hover {background:none; color:#f00; text-decoration:underline;}
#con .con-l ul .list1 ul .list2 .selected  {background:none;  color: #f00; 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:#414141; }
.rtit p a:hover{ color: #004b96; text-decoration:underline;}
.rtit p .selected{ color: #004b96; }

#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:#033C72 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; 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 {padding: 2px; margin-top:5px; margin-bottom:5px; border:1px #C6C6C6 solid;}
#con .con-r .prolist2 ul li img:hover { border:1px #004b96 solid;}
#con .con-r .prolist2 ul li .right {float:right; width:520px; margin-top:5px;}
#con .con-r .prolist2 ul li .p1{ text-align:right; padding-bottom:8px; }
#con .con-r .prolist2 ul li .more { padding:2px 10px; background-color:#ccc; color:#414141; font-size:12px; font-weight:normal; height:16px; line-height: 16px; }
#con .con-r .prolist2 ul li .more:hover { background-color:#033C72; color:#fff;}


/*-------------------------------proview----------------------*/
#con .con-r .proview { width:740px; margin-bottom: 0px;}

.proview1{ height: 272px; margin-bottom: 10px;}
.proview1 .GoodsView .DanpinLeft{ width:342px; height:272px; position:relative; float:left; }
.proview1 .GoodsView .smallImg{ position:absolute; width:390px; display:inline; left:355px; top:70px;}
.proview1 .GoodsView .smallImg li{ height:72px; overflow:hidden; margin-left:5px; float:left;}
.proview1 .GoodsView .smallImg li img{display:block; border:1px solid #ccc;}
.smallImgUp{width:5px; padding:0px; margin:0px; padding-top:35px; margin-left:5px; margin-right:5px; float:left; display:inline;}
.smallImgDown{width:5px; padding:0px; margin:0px; padding-top:35px; margin-left:10px; float:left; display: inline; }
#onlickImg img{border-color:#999; background:#ccc;  }

.smallImg #imageMenu{ width: 390px; float:left; }
/*   横向小图滚动   */

.smallImgDown, .smallImgUp, .smallImgRight, .smallImgLeft, #imageMenu li img, .selColor ul li{cursor: pointer;}

#winSelector{position:absolute; cursor: crosshair;filter: alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;background-color:#e6eaf3; border:#ccc 1px solid;}  /* 调整遮罩块颜色 */
#vertical.bigImg {width:340px; height:270px; border:1px #ccc solid; overflow:hidden;position:relative; top:6px;}


#vertical #winSelector{width:150px; height:125px; }  /* 调整遮罩块大小 */
#vertical #midimg{width:340px;height:270px;}  

#con .con-r .proview .GoodsView .DanpinLeft #bigView {position:absolute; left:360px!important; top:6px!important; z-index:1; border:#ccc 1px solid; overflow: hidden;}
#bigView img{position: absolute;}
#con .con-r .proview #btnPutShopCart {
				background: url(../images/putShopCarBk.jpg) no-repeat left bottom;
				padding-top: 10px;
				margin-top:5px;
				width: 130px;
				height: 39px;
				}


#con .con-r .p_jx { margin-top:0px;	WIDTH:380px; FLOAT: right;}
#con .con-r .proview #goodsInfoBox { height:250px;}
#con .con-r .proview #goodsInfoBox h2 { margin:0; padding:0; color:#333; padding-bottom:0px;}
#con .con-r .proview #goodsInfoBox p{ font-weight:bold;}

#con .con-r .proview .proview1{ margin-bottom:30px; float:none;}


.right {width:740px; margin:0 auto; margin-top: 20px; overflow:hidden;}
.right .Menubox {width:740px; }
.right .Menubox ul {}
.right .Menubox ul p { font-size:14px; text-align:center; height:39px; line-height:39px; padding-top:4px;}
.right .Menubox li{ float:left; display:block; cursor:pointer; width:150px; height:43px; line-height:43px; border-top:#ccc 1px solid; border-right:#ccc 1px solid; border-bottom:#004b96 1px solid; overflow:hidden;}
.right .Menubox #one1{border-right:#004b96 1px solid; border-left:#ccc 1px solid;}
.right .Menubox #one3{ width:436px;}

.right .Menubox li.hover{background:#333; width:150px; color:#fff; height:39px; line-height:39px; border-top:#004b96 5px solid; border-bottom:#f3f3f3 1px solid; border-right:#004b96 1px solid;}
.right .Menubox #one1.hover{border-right:#004b96 1px solid; border-left:#f3f3f3 1px solid;}
.right .Menubox li.hover p {background-image:none; background-color:#f3f3f3; width:150px; height:39px; color:#C00; line-height:39px; padding:0; border:none;}
.right .Contentbox{ background-color:#f3f3f3;  float:right; width:720px; padding: 10px; color:#333;}


/*----------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;}


/*----------downland----------*/
#con .con-r .newslist1 {}
#con .con-r .newslist1 .clearfix {padding:10px; margin:10px 0;}
#con .con-r .newslist1 .clearfix li {  border-bottom:#999 1px dotted;  padding:10px 0; line-height:18px; background: url(../images/icon-c.gif) 0 16px no-repeat;  padding-left: 15px;}
#con .con-r .newslist1 .clearfix li span { float:right; padding-top:8px;}
#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:#004b96;}
.qq span img{ padding:10px;}
.qq:hover span{background:url(../qqimages/icon-b3.gif) 0 20px no-repeat #f00;}
.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:#004b96; }
.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:#004b96;}
.er span img{ padding:7px;}
.er:hover span{ background:url(../qqimages/icon-b3.gif) 0 20px no-repeat #f00;}
.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:#004b96; border-top:1px solid #fff; display:none}
.returntop:hover{background-color:#f00;}
.returntop img{ padding:11px 12px;}