@charset "utf-8";

/* Style Reset
-----------------------------------------------------------------------------------------------------*/
*{ margin:0px; padding:0px;} 
html{overflow-x:hidden;}
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, blockquote 
{ font-size:14px;_background-image:url(about:blank);_background-attachment:fixed;font-family:'微软雅黑';}
input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
img{border:0;}
.clear {clear:both;height: 0; }
.clear-fix:after{content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
a{text-decoration:none;outline:0;}
body{color:#ffffff;}
.noneBottomBorder{ border-bottom: none!important;}	
.noneTopBorder{ border-top: none!important;}
.backgroudW{ background: #fff; padding: 15px; margin: 24px 0px;}
.pad10{ padding: 10px 0px;}


.header2{width:100%; height:112px; background:url(../images/top.gif) no-repeat top center; }
.header2 .main{width:1000px; margin:0 auto;}
.header2 .logo{float:left; margin-top:24px;}
.header2 .tel{float:right; font-family:impact;background:url(../images/tel2.png) no-repeat left center; height:112px; line-height:112px; padding-left:42px; font-size:26px; color:#333333; margin:0 30px 0 60px;}


.index-top{
	width:100%;
	height:30px;
	background:#f4f3f3;
}
.index-top .top {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	height: 30px;
	line-height: 30px;
	
}
.index-top .top p {
	float: left;
	width: 820px;
	overflow: hidden;
	height: 30px; color:#999
}

.index-top .top span {
	float: right;
}
.index-top .top span a {
	margin: 0 5px; color:#999;
}
.index-top .top span a:hover, .RredBox p a:hover, .caseMore:hover, .leftNT a:hover, .rightNT a:hover, .linkCon p a:hover, .subNav p a:hover {
	text-decoration: underline;
}



.logobox {
	height: 103px;
	overflow: hidden;
	width: 1000px;
	margin: 13px auto;
	
}
.logobox h1{
	float: left; 
}
.logobox .logo-text{
	float:left;
	margin-left:10px;
	
}

.logobox .logo-text span{
	
	margin-top:20px;
	overflow:hidden;
	display:block;
	line-height:40px;
	font-size:36px;
	font-weight:bold;
	color:#000;
	font-family:"Microsoft yahei";
	height:103px;
	
}
.logobox .logo-text span em{
	
	clear:both;
	display:block;
	font-style:normal;
	font-size:18px;
	font-weight:normal;
}
.logobox .logo {
	float: left;
	width: 80px;
	height: 80px;
	margin-top: 17px;
}
.logobox span, .logobox p {
	height: 43px;line-height: 43px; margin-top:30px;
}
.logobox span, .logobox p, .logobox .phonePic {
	float: right;
}
.logobox span {
	font-family: Impact;
	font-size: 26px;
	color: #ffc231;
}
.logobox p {
	font-size: 16px; color:#494949;
}
.logobox .phonePic {
	margin: 35px 5px 0 0;
}


/*********nav*********/
.g_nav{ height:60px; background:#0e6fda;  }
.g_nav01{ width:1000px; margin:0 auto;}
.g_nav01 table tr td{ text-align:center; border-right:#a2dbfe solid 1px; height:60px; line-height:60px; position:relative}
.g_nav01 a{ height:60px; line-height:60px; display:block; color:#fff; font-size:15px; background:url(../images/nav02.jpg) repeat-x bottom center;}
.g_nav01 td.now a>div, .g_nav01 td:hover a>div{width:100%; height:3px; background-color:#ffc231; position:absolute; top:57px;}
.g_nav01 a span{font-size:12px; color:#baa58c;}
.g_nav01 table tr td .nav_tan{ display:none; width:100%; position:absolute; left:0; top:60px; padding:5px 0 10px 0; background-color:#0e6fda; opacity:0.95; z-index:100;}
.g_nav01 table tr td .nav_tan a{ width:90%; background:none; padding:0; margin:0 auto; line-height:30px; height:30px; font-size:12px; border-radius:0;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.g_nav01 table tr td s.nav_tan a:hover{ width:90%; background:#ffa200; padding:0; margin:0 auto; line-height:30px; height:30px; font-size:12px;}











/* header */
.header{ width:100%;/  position:relative; }
.topbg{width: 100%; height: 85px;background: #fff;}
.top{
	position:relative;
	width:1000px;height:85px; margin:0px auto; margin-top:20px; }
.logo{float:left;width:700px; height:85px;}
.toptel{
	float:left;
	width:300px;width:270px; height:30px;  margin-top: 17px;
	color:#333; font-size: 12px; line-height:30px; text-align:right;
	background:url(../images/tel2.png) left center no-repeat;
 }
.toptel span{ 
	display:block;
	float:right;
	color: #ffc231;font-size:22px;line-height:30px;font-family:impact;}


.navgrp{
	position: relative; 
	width:100%;height:66px;margin:0 auto;
	background:#0082d0; 
	margin-top:10px;
	
}
.nav{position:relative;width:1000px;height:66px;margin: 0 auto;}
.nav li{
	 position: relative;float:left;text-align:left; 
	 width:111px;height:66px; display: block; 
	 background: url(../images/navbg.jpg) right center no-repeat; 
 }
.nav li a{ 
	width:111px;height:66px;display:block;
	color:#fff;font-size:16px;line-height:66px; text-align: center;
}
.nav .menu a{
	width:111px;height:66px;display:block;
	/*color:#006cae;*/font-size:16px; line-height:66px;text-align: center;}
.nav .on a{
	width:111px;height:66px;display:block; 
	color:#fff;font-size:16px; line-height:66px;}
#navChild{ 
	position:absolute;left:0px; top:66px; width:99px; z-index:99; display: none;
	padding:6px 6px 0px 6px;background:#0082d0;}
#navChild a{
	position:relative; 
	width:99px; height: 36px; display:block; border-bottom:1px solid #fff;
	color:#fff!important; font-size:14px;line-height:36px; text-align:center;}
#navChild a:hover{color:#ffffff!important;background-image:none!important;}
/* end navgrp */
	
.nybanner{ width:100%px; margin: 0 auto;	
	margin-top:5px;
 }	
	
.nybanner img{ width:100%; height:auto;}	
 
  
  
  /* 幻灯 */
#slideshow { height: 500px; position: relative; margin-bottom: 10px; overflow: hidden; }
#slideshow .bd li { height: 500px; }
#slideshow .hd ul { width: 100%; position: absolute; z-index: 1; bottom: 0; left: 0; height: 30px; line-height: 30px; text-align: center; }
#slideshow .hd ul li { cursor: pointer; display: inline-block; zoom: 1; width: 60px; height: 10px; margin-right: 10px; background: #0082d0; overflow: hidden; line-height: 9999px; border-radius: 1px; }
#slideshow .hd ul .on { background: #FEA807; }
#slideshow .container { height: 500px; }
#slideshow .container a { height: 500px; display: block; }
#slideshow .next, #slideshow .prev { position: absolute; top: 0; width: 68px; height: 500px; color: #FFF; line-height: 500px; text-align: center; cursor: pointer; }
#slideshow .next { right: 20px; background: url(../images/next.png) center no-repeat;}
#slideshow .prev { left: 20px; background: url(../images/prev.png) center no-repeat;}
 
/*.banner{
 	width:100%;height:500px;
	margin-top:5px;
  }
.bann{width:100%; height:500px; margin:0 auto;}
#focus {position:relative;width:1920px; height:500px; overflow:hidden;}
#focus ul {position:absolute;height:500px; width:1920px;}
#focus ul li {position:relative;float:left;width:1920px; height:500px; overflow:hidden; }
#focus ul li img{ display: block;margin: 0 auto;}
#focus .btn {position:absolute; width:100%; height:12px; left:0px; bottom:24px; text-align:center; z-index: 99;}
#focus .btn  span{width:10px; height: 10px;  display: inline-block; margin-left: 8px; background: #ccc; border-radius: 50%;}
#focus .btn  span.on{background: #006cae;}
*/ 



.ntbd{width: 1000px; height:56px; border-bottom: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; margin: 16px auto 24px auto;}
.notice{ 
	float:left;
	width:340px;height:56px; border-right:1px solid #dbdbdb; }
.notice .title{ 
	float:left;
	width:64px;height:56px;  padding-left:36px;
	color: #666666;font-size:12px; line-height:56px; font-weight:bold;
	background: url(../images/noticebg.jpg) 8px center no-repeat;
}
.notice .noticenr{
	float:left;
	width:230px;height:56px;
	color:#666666; font-size:12px; line-height:56px; }

.search{float:left; width:340px;height:56px;border-right:1px solid #dbdbdb; }
.text{
	float:left;
	width:260px;height:34px;border:1px solid #c7c7c7; margin-left: 22px; margin-top: 10px;
	color:#666666;font-size:12px;line-height:34px; text-indent: 24px;
	background: #ffffff;}
.btnsubmit{
	float:left;
	width:44px;height:36px;border:none; margin-top: 10px;
	background: url(../images/search.jpg) center center no-repeat;cursor:pointer; }
/* end search */ 
.toptel2 { float:left;
	width:318px; height:56px;
	color:#666666; font-size: 12px; line-height:56px; text-align:left;
	background:url(../images/telbg2.jpg) 10px center no-repeat;}
.toptel2 .one{
	float:left;
	width:92px; height:56px;  padding-left: 38px;
	color:#666666; font-size: 12px; line-height:56px; text-align:left;
 }
.toptel2 .two{
	float:left;
	width: 188px; height: 56px;
	color: #666666;font-size:22px;line-height:56px;font-family:impact;
}
	
.sectionB{ 
	position: relative;
	width: 100%; height: 152px; padding-top: 27px; border-top: 1px solid #d3d3d3; 
	background: url(../images/index_10.jpg);}
	
.section{ width:100%; margin:auto;  clear:both; overflow: hidden;}

.TtitleBox{position:relative; width: 1000px; margin: 0 auto;}
.Ttitle { 
	position:relative;width:100%; height:58px; margin: 0 auto; 
}
.Ttitle .font{
	float:left;
	color:#333333;font-size:30px;line-height:52px; /*font-weight: bold;*/
}
.Ttitle .span{
	float:left;
	color: #006cae; font-size:30px;line-height:58px; font-family:arial; text-transform: uppercase; font-weight: normal;}
.Ttitle .span span{color: #989898;}	

.Ttitle2 { 
	position:relative;width:100%; height:78px; padding: 4px 0px; margin: 0 auto;
	color:#ffffff;font-size:30px;line-height:78px; text-align: center;
 }
.Ttitle2 span{ text-transform: uppercase;}
.Ttitle22 { 
	position:relative;width:100%; height:78px; margin: 0 auto;
	color:#333333;font-size:30px;line-height:78px; text-align: left;
 }
.Ttitle22 span{ color: #006cae; text-transform: uppercase;}

.Tmore a{
	position:absolute; right:0px; top:11px;
	width:88px; height:25px; border:1px solid #d0d0d0;  display: block;
	color: #666666; font-size: 14px; line-height: 25px;  text-align: center; /*font-weight: bold;*/
	background:#ffffff;	
}
.Tmore2 a{
	width:154px; height:34px; border:3px solid #ffffff;  display: block; margin: 20px auto 0px auto;
	color: #ffffff; font-size: 16px; line-height: 34px;  text-align:center; /*font-weight: bold;*/
}



.Foottitle { 
	position:relative;width:100%; height:50px; margin: 0 auto; border-bottom: 1px solid  #d5d5d5;
	color:#004384;font-size:26px;line-height:50px; /*font-weight: bold;*/
}
.Foottitle span{color: #999999; font-size:16px; font-family:arial; text-transform: uppercase; font-weight: normal;}	
/*end Ttitle*/


.picbox{position: relative; width:682px; height: 250px; padding-left: 318px; margin: 0 auto; margin-bottom:28px;}
.picbg{
	position: relative;
	width: 682px; height: 190px; margin-top: 2px; 
	background: #dedede;
	overflow: hidden;
}

.picListBd{position:relative;float:left;width: 608px; height:132px;  margin-top:30px;  overflow: hidden;}
.picListBd2{position:absolute; left:0px;top:0px; height:131px;  margin:0 auto; overflow:hidden; }
.picList{float:left;width: 100%;height:131px;padding-top: 1px;  overflow:hidden;}
.picList li{
	position:relative; float:left;
	width:292px; height:129px; margin-right:2px; margin-left:10px;
	background: #fff;
  	vertical-align:bottom; 
 }
.picList li a{width:290px; height:127px; border:1px solid #cfcfcf; display: block;}
.picList li a:hover{border:1px solid #0885d0; box-shadow:0px 0px 0px 1px rgb(8,133,208);}
.picList li .titlePic{ float:left; width:146px; height: 113px; padding:7px;} 
.picList li .titlePic img{ display: block;}
.picList li .titlePic span{
	position: absolute;left:10px; top:0px; display: block;
	width: 36px; height: 25px;
	color:#fff;font-size:12px;line-height:25px; text-align: center; text-transform: uppercase;
	background: #da3806;
}
.picList li .title{
	float:left;width:130px; height:120px; padding-top: 7px;
	color:#0f1427; font-size:14px; line-height:25px;font-weight: bold;
}
.picList li .title span{ display:block; color:#666666; font-size:12px;line-height:20px; font-weight: normal;}

.picLeft,.picRight{ float:left; width:24px; height:125px; padding-top: 65px; cursor:pointer;}
.picLeft{padding-right: 13px;}
.picRight{ padding-left: 13px;}
/*.htmlpic1{ background: #F02E49;}*/
.htmlpic2{ position:absolute; left:1000px; /*top:30px; background: #0B61A5;*/ }
/* end picListBd */

.advPic{
	position: absolute;left:0px; top:0px;
	width: 284px; height: 244px; border:3px solid #0082d0;
}
.slides{
	position:relative;
	width: 284px; height: 244px;  margin: 0 auto; overflow:hidden; }
.slide-pic {width:284px; height:244px;margin:0px;padding:0px; overflow: hidden; list-style: none; }
.slide-pic img{width:284px; height:244px; margin:0; padding:0;}
.slide-pic li {display:none;width:284px; height:244px;}
.slide-pic li.cur { display: block; }
.slide-li {position:absolute;right:10px;bottom:0px z-index: 99;
	width:100%; height:22px; margin-top:-30px;
	text-align: right;}
.slide-li li {
	width:22px; height:22px; /*border-radius:50%;*/ display: inline-block; 
 	background:#4f575c; overflow: hidden;}
.slide-li a {
	width:22px; height:22px; display:block;overflow:hidden;
 	color:#ffffff;font-size:12px; line-height: 22px; text-align: center; }
.slide-li a:hover{ text-decoration:none;}
.slide-li li.cur{background:#578bba;}
/* end advPic */


.proBg{position:relative; width: 100%; background:url(../images/probgleft.jpg) left top no-repeat #0078c1; padding-bottom:40px;}
.prorightBg{
	position: absolute; right:0px; top:0px;
	width:300px ; 
	background:url(../images/probgright.jpg) right top no-repeat #0078c1;
}
.inProBd{position: relative; width:1000px;  margin: 0 auto;}

.proClaList{
	width:1000px; height:42px; padding-bottom:16px;overflow:hidden;
    text-align: center;
}
.proClaList a{
	display: inline-block;
	margin: 0px 1px 0px 0px; height: 38px; padding: 0px 12px; border:2px solid #ffffff;
	color:#333333; font-size: 14px; line-height:38px; 
	background: #ffffff;
}
.proClaList a.more{
	display: inline-block;
	margin: 0px 1px 0px 0px; height: 38px; padding: 0px 12px;  border:2px solid #ffffff;
	color:#ffffff; font-size: 14px; line-height:38px; 
	background: #0078c1;
}
.proListPic {width:1000px;  margin:0 auto;  overflow: hidden; }
.proListPic ul li{ 
	position: relative;float:left;
	width:330px; height:290px; margin-right:5px; 
	overflow: hidden; }	
.proListPic ul li a{
	width: 328px; height: 288px; display: block; border: 1px solid #cfcfcf;
}	
.proListPic ul li .pic{position:relative;width:328px; height:246px;}
.proListPic ul li .title{ 
	width: 328px; height: 41px; border-top: 1px solid #cfcfcf;
	color:#666666; font-size: 14px; line-height:41px; text-align: center; 
	background: #ffffff;
}

.company{ width: 1000px; height: 322px; padding-top: 30px; padding-bottom: 10px;; margin: 0 auto;}
.TitleBox{float:left;position: relative; width:484px; height: 322px;}
.TtitleCom{
	width: 384px; height: 210px; padding-left: 34px; padding-top: 20px; border: 2px solid #0082d0; margin-top:10px ;
}
.TtitleCom .font{
	float:left;
	color:#333333;font-size:30px;line-height:52px; /*font-weight: bold;*/
}
.TtitleCom .span{
	float:left;
	color: #006cae; font-size:30px;line-height:58px; font-family:arial; text-transform: uppercase; font-weight: normal;}
.TtitleCom .span span{color: #989898;}	
.companyPic{
	position:absolute;left:0px; top: 94px;
	width:450px; height:200px;  padding-left: 34px;
 }
 
 	
.companyCon{
	float:left; position: relative;
	width:490px;height:322px; padding-left: 26px;}
.companyConBox{
	position: absolute;right:0px; top: 0px;z-index: 10;
	width: 230px; height: 318px;border: 2px solid #0082d0;
}
.companyConFont{
	position: relative;z-index: 12;
	width: 470px; height: 230px; padding-top: 30px; padding-bottom: 20px; margin-top: 19px;
	color: #666666; font-size: 14px; line-height:34px;
	overflow: hidden;
	background: #ffffff;
}
.comMore {
	 display: block;
	width:154px; height:34px; border:1px solid #0082d0;  margin: 20px auto 0px auto;
	color: #ffffff; font-size: 16px; line-height: 34px;  text-align:center; /*font-weight: bold;*/
	background: #0082d0;
}

/*end company*/

/*首页推荐产品*/
.zhi-yin{width: 100%; margin: 0px auto; overflow: hidden;}
.zhi-bo{width: 100%;height:329px; background: url(../images/zhi-bo.jpg)center no-repeat; background-size: cover;}
.picScroll{ position:relative;width: 1000px; margin: 0 auto;padding: 25px 0px;}
.picScroll .prev,.picScroll .next {display: block;position: absolute;top: 86px;left: 5px;width: 70px;height: 70px;}
.picScroll .next {left: auto;right: -75px;background: url(../images/right.png) no-repeat;    background-size: 50px;}
.picScroll .prev{right: auto;left: -55px;background: url(../images/left.png) no-repeat;    background-size: 50px;}
.picScroll ul {overflow: hidden;zoom: 1;font-size: 0;text-align: center;}
.picScroll ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;zoom:1;}
.picScroll ul li {width: 235px;display:inline-block;overflow: hidden;margin: 0 8px; background: #fff;}
.picScroll ul li a{ display: block ;}
.picScroll ul li img {width: 235px;height: 195px;display: block;background: url(../images/loading.gif) center center no-repeat;}
.zhi-content{position:relative;z-index:2;width:100%; text-align: center;background: rgba(0,0,0,0.3);margin-top: -51px;}
.zhi-content h3{font-size: 16px; height: 50px;line-height: 50px;color: #fff;font-weight: normal; }

.pic-ul{width:1000px; margin: 0px auto; overflow: hidden;}
.picScroll .tempWrap{margin-left: 0px;}
 
.ji-showr{width: 800px; margin-left: 20px;}
.ji-showr-top{width: 1000px;height: 40px;}
.ji-show-line{float:left;width:5px; height:40px; background: #144099;width: 3px;height: 20px;margin-top: 10px;}
.ji-showr-top h3{float:left;font-size: 18px;height:40px; line-height: 40px;margin-left: 18px;}
.ji-showr-top .ji-a{float: right;font-size: 12px;color: #fff;height: 40px;line-height: 40px;}
.ji-showr-top .ji-a a:hover{color: #fff;text-decoration: underline;}
.ji-banner{width: 1000px;margin: 0px auto;padding-top: 20px;}
.ji-banner .ji-show-line{background: #fff;}

.ji-banner h3,.ji-banner .ji-a a{color: #fff;}

 






.youshi { overflow:hidden; width:100%; margin-bottom:50px}
.youshi .title{ overflow:hidden; width:100%; height:167px; background:url(../images/youshi_tbg.jpg) no-repeat center top;}
.youshi h2{ text-align:center; width:1200px; background:url(../images/img1.png) no-repeat 0 -138px ; padding:10px 0; color:#ffff00;font-size:40px; margin:35px auto 30px}
.youshi h2 em{ color:#fff;     font-style: normal;
    font-weight: normal;}
.youshi h2 p{ font-weight:normal; font-size:18px; margin-top:25px; color:#fff; position:relative; top:-15px;}
.youshi i{ display:block; width:30px; height:2px; background-color:#000; margin:20px 0;}
.youshi .conta{ margin:0 auto; width:1100px}
.youshi .word{ overflow:hidden; font-size:16px; color:#333;}
.youshi .word p{ margin-bottom:22px; background:url(../images/img.png) no-repeat -235px -458px ; padding-left:20px; line-height:26px}
.youshi a{ display:block; width:130px; height:34px; border:2px solid #0082d0; text-align:center; line-height:35px; font-size:16px; color:#0082d0; text-decoration:none;}
.youshi h3{ font-size:24px; color:#000;}
.youshi .youshi01{ overflow:hidden; width:100%; }
.youshi .youshi02{ overflow:hidden; width:100%; }
.youshi .youshi03{ overflow:hidden; width:100%; }
.youshi .youshi04{ overflow:hidden; width:100%; }
.youshi .youshi05{ overflow:hidden; width:100%; }
.youshi .wen{ overflow:hidden; margin-top:80px; width:532px}
.youshi .youshi01 .wen,.youshi .youshi05 .wen,.youshi .youshi03 .wen{float:left}
.youshi .youshi02 .wen,.youshi .youshi04 .wen{ float:right;}
.youshi .youshi01 .ystp1,.youshi .youshi03 .ystp3{ float:right; margin-top:50px}
.youshi .youshi02 .ystp2,.youshi .youshi04 .ystp4{ float:left; margin-top:40px}


.new-box  {width:1000px; margin:0 auto;}
.new-box .zq_newlist{margin-top: 6px;}
.new-box .zq_newlist ul{overflow: hidden;}
.new-box .zq_newlist ul li{float: left;width: 315px;margin-right: 14px;border-bottom: 1px solid #e2e2e2;padding-bottom: 10px;margin-bottom: 10px; text-align:left;}
.new-box .zq_newlist ul li a{font-size: 16px;color: #444;line-height: 30px;margin-bottom: 5px;line-height: 28px;font-weight: bold;}
.new-box .zq_newlist ul li:hover a {color:#005199; text-decoration: underline;}
.new-box .zq_newlist ul li span{font-size: 15px;color: #666;float: right;line-height: 28px;}
.new-box .zq_newlist ul li p{font-size: 14px;color: #9a9898;font-weight: 400;line-height: 20px;padding: 0 6px;margin: 4px 0 0 0; text-align:left;}



.casePic{position:relative;width: 1000px; height: 416px; margin: 0 auto;}
.casePicBg{
	position: absolute;left:0px;top: 0px;
	width: 680px; height: 416px;
	background: #0082d0;
}
.casePicList{
	position: relative;
	width: 980px; height: 374px; padding-left: 20px; padding-top: 22px;
}
.caseTitle { 
	float:left;
	position:relative;width:242px; height: 135px; padding-top:45px ;  margin: 0 auto;
	color:#ffffff;font-size:30px; line-height: 40px; text-align: center;
 }
.caseTitle span{ 
	display: block;
	text-transform: uppercase;}

.casePicList ul li{
	float:left;position: relative;
	width: 240px; height: 180px;border:3px solid #ffffff;
}
.casePicList ul li .intro {
	position: absolute;left:0px;bottom:0px;
	width: 240px; height: 180px; display: none;
}
.casePicList ul li .intro a{
	width:226px;width:220px; height:160px;  padding: 10px; display:block;
	color:#ffffff;font-size:14px;line-height:160px; text-align:center;   
	background: url(../images/probg.png);
}
.caseMore{ 
	float:left;
	width: 240px; height: 180px;border:3px solid #ffffff;
	background: #0082d0;
}
.caseMore a{
	width:154px; height:34px; border:3px solid #ffffff;  display: block; margin: 70px auto 0px auto;
	color: #ffffff; font-size: 16px; line-height: 34px;  text-align:center; /*font-weight: bold;*/
}
/*end proListPic*/	

.nnbg{width: 100%;   background: #efefef; }


.title1{ text-align:center; font-size:22px; color:#000; line-height:60px;}


.nnBox{width: 1000px;  margin: 0 auto;}	
.nnMore a{
	position: absolute;right:0px; top:0px;
	width: 80px; height: 78px;
	color: #666666; font-size: 14px; line-height: 78px; text-align: right;
}

.newsList{
	float:left;
	width: 510px;  padding-right: 30px;
}
.newsOne{
	width: 478px; height: 78px; padding: 14px;border: 1px solid #d9d9d9;
	background: #ffffff;
}
.newsOne a{
	width: 488px; height: 86px; display: block;
	color: #999; font-size: 14px; line-height: 26px; text-align: left;
}
.newsOne a p{color: #666666; font-weight: bold;}

.newsListUl{
	float:left;
	width: 510px;  padding-top: 6px;
}
.newsListUl li{
	 width: 470px; height: 40px; padding-left: 26px; padding-right: 14px; border-bottom: 1px solid #d9d9d9;
	 background: url(../images/newsbg.png) 10px center no-repeat;
}
.newsListUl li a{
	width: 470px; height: 40px; display: block;
	color: #666666; font-size: 14px; line-height: 40px;
}
.newsListUl li a span{float:right;color:#bababa;  font-size: 12px;}


.contact{
	float:left;
	width:460px; height: 328px; overflow:hidden;
}
.contactCon{ 
	position: relative;
	width: 424px;height:180px;padding:16px;border:1px solid #d9d9d9; margin-top: 12px;
	background: #fff;
}
.contactArr{
	position: absolute;left:70px; top: -21px;
	width: 37px; height: 21px;
}
.contactCon dl{width:424px; display:block;clear:both;}
.contactCon dl dt,.contactCon dl dd{color:#666666; font-size:12px;  line-height:32px; }
.contactCon dl dt{float:left; width:44px;  padding-left: 30px; }
.contactCon dl dd{float:left; width:350px;}

/* end contact */


/*end inMain*/

/* footerpic*/
.footPicBd{width:1000px;height: 270px;margin: 0px auto 10px  auto; }
.footTtitle{ 
	position:relative;width:100%; height:58px;border-bottom:2px solid #006db0;
}
.footTtitle .font{
	float:left;
	color:#333333;font-size:22px;line-height:52px;/* font-weight: bold;*/
}
.footTtitle .span{
	float:left; padding-left: 10px;
	color: #006cae; font-size:16px;line-height:58px; font-family:arial; text-transform: uppercase; font-weight: normal;}
.footTtitle .span span{color: #989898;}	

.footPicList{width:1000px; height:210px; background: #dedede; }
.footPicList .ctrl{
	float:left;
	width:27px ; height: 60px; padding: 75px 14px;
}
.footPicListUl {float:left;width:890px; height:194px; padding-top:16px;overflow: hidden; }
.footPicList ul li{float:left;width:210px; height:194px; margin-right: 20px;}
.footPicList ul li .pic{width:210px; height:158px;}
.footPicList ul li .title{
	width:190px;height:36px; padding:0 10px;
	color:#333333;line-height:36px;font-size:14px;  /*font-weight: bold;*/ text-align: center;
}


/* footer*/
.footer{ width:100%;background: #3a3a3a; }
.linkBox{
	width: 100%; height:auto!important; height:52px; min-height: 52px; border-top:1px solid #c7c7c7;
	background:#ffffff;
}
.link{ 
	position: relative;
	width:1000px;height:auto!important; height:52px; min-height: 52px;  margin: 0px auto;
}
.linkTitle{
	float: left; position: relative;
	width: 124px; height: 42px;
	color: #333333; font-size: 18px;line-height: 52px; font-weight: bold;
}
.linkTitle span{  font-size: 12px; text-transform: uppercase;}
.link_list{ 
	float: left; 
	width: 876px;height:auto!important; height:32px; min-height: 32px; padding-top: 10px;}
.link_list a{
	float:left;
	display:inline-block;  padding-left: 20px;
	color:#666666;font-size:14px; line-height:32px;}
.link_list a:hover{color:#000000;}	
/*end link*/

.btnavlist{
	position: relative; 
	width: 1000px; height: 46px; margin: 0 auto; padding-top: 14px;
	color:#888888;text-align: center; 
 }
.btnavlist a{
	display: inline-block;
	color:#ffffff;font-size:14px; line-height: 46px;  }
/*end btnavlist*/

.footOne{ width: 1000px; height: 60px; padding-top:15px; margin: 0 auto; }
.share{
	float:left; padding-left: 280px;
	width:300px;height: 60px; }
.share li{ 
	position:relative;float:left;
	width: 150px; height: 40px;}
.share .list{width: 102px; height: 40px; line-height: 40px; padding-left: 48px; display: block;
	color:#bababa}	
.share .qq{background: url(../images/qq.png) left top no-repeat;}
.share .qq2{background: url(../images/share.png) left top no-repeat;}
.share a.list:hover{ color: #fff;}	
.shareList{ position: absolute;left:30px; top: 35px; z-index: 99; display: none;
	width:200px;}
.shareList a{ display: inline;}	

/*end share*/
.site{  
	float:left;
	width:155px;  height: 40px; padding-left: 45px; 
	color:#bababa; font-size:14px;
	background: url(../images/site.png) left top no-repeat;  }
.site a{ color:#bababa; line-height: 40px;  }
.site a:hover{color:#fff}
/*end site*/

.copyrightnr{ 
	width:1000px;margin: 0 auto;
	color:#bababa;font-size:12px; line-height:30px;  text-align: center;  }
.copyrightnr a{color:#bababa}
.copyrightnr a:hover{color:#ffffff}
/*end copy*/


/* 分页样式 */
.main{position:relative; width:1000px; padding-bottom: 20px; margin:0 auto;  }

/* left */
.left{
	float:left;
	width: 246px; padding-right: 30px;
}
.leftProClaList{
	width: 246px;padding-bottom: 18px;
}
.leftProTitle{
	width: 230px; height: 50px; padding-left: 16px;
	color: #333333; font-size:22px; line-height: 50px;
	background: #efefef;
}
.leftProTitle span{
	padding-left: 10px;
	color: #a0a0a0; font-size:16px; font-family:arial; text-transform: uppercase;
}
.leftTtitle{
	 width: 230px; height:54px; padding-left:14px; border-bottom: 1px solid #d5d5d5;
	 color: #333333; font-size: 22px; line-height: 54px;
}
.leftTtitle span{
	color: #999999; font-size:16px; text-transform: uppercase;
}

.leftProClaListUl{
	width: 214px; padding: 16px; 
	background: #0082d0;
}
.leftProClaListUl li{
	width: 214px; height:46px; border-bottom: 1px solid #6aabd2;background: url(../images/proclabg.jpg) 10px center no-repeat;
}
.leftProClaListUl li a{
	width: 184px; height:46px; padding-left:30px; 
	color:#ffffff; font-size: 14px; line-height: 46px;
}
.leftProClaListUl li a:hover{color:#81daff;}
.leftProClaListUl .childCla{width:214px; display:none; }
.leftProClaListUl .childCla li a{
	width:154px;padding-left:60px;  display: block;
	color:#81daff;
	background: url(../images/proclabg.jpg) 36px center no-repeat;
}

.leftContact{
	 width:244px;border:1px solid #dbdada;
}
.leftConTel{
	width: 236px; padding-left: 16px;
	color:#b02a28; font-family: impact; font-size: 28px;
}
.leftContactDl{ margin-top: 10px;margin-bottom: 10px;}
.leftContactDl dl{width:216px; padding-left: 16px; display:block;clear:both;}
.leftContactDl dl dt,.leftContact dl dd{color:#666666; font-size:14px;  line-height:30px; }
.leftContactDl dl dt{float:left; width:42px; padding-left: 24px; }
.leftContactDl dl dd{float:left; width:150px;}

.leftNewsUl{
	width:244px;  border:1px solid #dbdada;  margin-top: 18px;
}
.leftNewsUl li{
	 width: 190px; height:42px; padding-left: 34px; padding-right: 20px; border-bottom: 1px  solid  #dbdada; margin: 0 auto;
	 background: url(../images/newsbg.png) 20px center no-repeat;
}
.leftNewsUl li a{
	color: #666666; font-size: 14px; line-height: 40px;
}
.leftNewsUl li a:hover{
	color:#006cae;
}
.mainCon{float:left; width: 724px;}
.mainConTitle{ 
	position:relative;width:100%; height:58px;border-bottom:1px solid #d0d0d0;
}
.mainConTitle .font{
	float:left;
	color:#333333;font-size:24px;line-height:52px;/* font-weight: bold;*/
}
.mainConTitle .span{
	float:left; padding-left: 10px;
	color: #006cae; font-size:18px;line-height:58px; font-family:arial; text-transform: uppercase; font-weight: normal;}
.mainConTitle .span span{color: #989898;}	

.mainConTitle .position {  
	position: absolute; right: 0px; top:8px;
	height:46px;  
	color: #666666; font-size: 12px;line-height:46px;}
.mainConTitle .position a{color:#666;}
.mainConTitle .position a:hover{color:#666666}
.mainConTitle .position span{ font-size: 12px;color:#666666}
.mainConTitle .position font{ font-size: 12px; color:#155b9d;}
 /*end mainConTitle*/
.mainConList{float:left;width:724px; padding: 16px 0px;}	

.mainConList .pic11{ 
	position: relative;float:left;
	width:232px; height:228px; margin-right:14px; margin-bottom: 14px;
	overflow: hidden; }	
.mainConList .pic11 .pic{position:relative;width:230px; height:173px;border:1px solid #dcdbdb;}
.mainConList .pic11 .title{ 
	width: 214px; height: 42px; padding: 0px 8px; border:1px solid #dcdbdb; border-top:none;
	color:#666666; font-size: 14px; line-height:42px; text-align: center; 
}
.mainConList .pic11 .title:hover,.mainConList .pic11 a:hover{
	color:#006cae;
} 
 /*end pic1*/	
.mainConList .pic2{ width: 698px;  height:122px;padding:12px; margin-bottom: 14px; border: 1px solid #dcdcdc; background: #f0f0f0;}
.mainConList .pic2 dt{
	float: left; 
	width:160px; height:120px;  border: 1px solid #dcdcdc; margin-right: 16px;
	background: #ffffff; }
.mainConList .pic2 dt img{ display:block;}
.mainConList .pic2 dd{ width:512px;height:122px;  float:left;}
.mainConList .pic2 .title{color:#333333;font-size:14px; line-height:40px; font-weight:bold;}
.mainConList .pic2 .intro{width:512px; height:52px;color:#666666;font-size:12px;line-height:20px}
.mainConList .pic2 .time{ color: #999999; font-size: 12px;line-height:28px}
/*end pic2*/

.mainConList ul{ width:724px; }
.mainConList ul li{
	width: 714px; height: 84px;  padding:10px 5px; border-bottom: 1px solid #dcdcdc;
}
.mainConList ul li a{
	width: 714px; height: 84px;display: block;
	color:#333333; font-size:14px; line-height:36px; font-weight: bold; 
 }

 .mainConList ul li a span{
 	width: 714px; height: 48px; display: block;
 	color:#666666;font-size:12px; line-height:24px;font-weight: normal;
  }
.mainConList ul li a:hover{color:#006cae;}	
.mainConList ul li a:hover span{color:#666;}	

/*end ul*/

.pglist{ width:100%;clear:both;height:80px; }
.pglist ul{ width:100%;text-align:left; padding-top:20px; border-top:1px solid #d2d2d2}
.pglist ul li{
	font-size:14px;
	vertical-align: bottom; display:inline-block;*display:inline; *zoom:1;
 	min-width:50px;height:30px;*margin-left:5px;margin-left:5px;_display:inline; _zoom:1; _margin-left:5px;  border:1px solid #0082d0;
 	font-size:14px;line-height:30px; text-align:center; background:#0082d0;}
	
.pglist ul li a{color:#fff; line-height:30px; display:block}

.pglist ul li.home,.pglist ul li.end{ width:60px; height:30px; border:1px  solid #0082d0;}
.pglist ul li.next,.pglist ul li.last{ 
	width:30px; height:30px;border:1px  solid #0082d0;
	font-size:24px;line-height: 30px;  font-family:'宋体'!important; font-weight:bold; }
/*.pglist ul li.on{background:#3a3a3a;border:1px  solid #3a3a3a;}
.pglist ul li.on a{color:#fff;}
*/


.pglist ul li.active{background:#3a3a3a;border:1px  solid #3a3a3a;}
.pglist ul li.active a{color:#fff;}
.pglist ul li.nohover{background:#dfdfdf;border:1px  solid #dfdfdf;color:#535353;font-family:'微软雅黑';}
.pglist ul li.nohover a{color:#535353;}
/*end pglist*/

.mainContect{ 
	width: 724px; margin: 0 auto;
	color:#666;font-size:14px;line-height:30px;overflow:hidden
	margin-top:16px; padding-top: 16px; height:auto!important;min-height:360px;height:360px;word-wrap:break-word; word-break:break-all;
}
.mainContect .title{ 
	width:100%;
	color:#0f1427;font-size:22px; line-height:40px;text-align:center; }
.mainContect .time{
	width: 525px; height: 40px;border-bottom:1px solid #dcdcdc;padding-top:5px;padding-left:225px;
	color:#999999;font-size:12px;line-height:30px; font-weight:normal}
.mainContect .timea{ float:left;width:170px; font-size:12px;}	
.mainContect .bdsharebuttonbox{ float: left;}
.mainContect .pic{ width:100%; text-align:center;padding:20px 0px 0px 0px;}
.mainContect .pic img{margin:0 auto;}
.mainContect .con{ padding:20px 14px 20px 14px;padding-top:0;line-height:30px;font-size:14px; color:#666;word-wrap:break-word; word-break:break-all;overflow:hidden}


.mainContect .con img{ max-width:720px;}



.mainContect .conTitle{ width: 100%; border-bottom: 1px solid #c8c8c8;margin-bottom: 15px;}
.mainContect .conTitle span{ 
	width: 120px; height: 36px;display: block;
	color:#fff; font-size: 16px;line-height: 36px; text-align: center;
	background: #0b61a5;}
.mainContect .pgfy{
	 width:100%; border-top:1px solid #eaeaea; padding-top:15px;padding-bottom:20px; margin: 0 auto;}
.mainContect .pgfyl{float:left;  width:610px;padding-left: 14px;}
.mainContect .pgfyl p{ color:#333333;font-size: 14px;}
.mainContect .pgfyl p a{ color:#333333; font-size: 14px;}
.mainContect .pgfyr{ width:100px;float:left; text-align:center;padding-top:30px;}
.mainContect .pgfyr a{ color:#333333;font-size:14px;}




/* fixed */
.fixed{
	position:fixed;right:25px;bottom:50px;_position: absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
	width:55px;height:212px;
	z-index:999;}
.fixed a{display:block;width:55px;height:53px;}
.book{background:url(../images/fixed.jpg) 0 0 no-repeat;}
.book:hover{background-position:-54px 0;}
.fixed a.codepic{background:url(../images/fixed.jpg) 0 -53px no-repeat;height:52px;}
.fixed a.codepic:hover{background-position:-54px -53px;}
.fixed div{position:relative;}
.fixed a.backup{background:url(../images/fixed.jpg) 0 -158px no-repeat;height:52px;}
.fixed a.backup:hover{background-position:-54px -158px;height:53px;}
.fixed div img{position:absolute;left:-196px;width:196px;height:196px;top:-106px;display:none;}

/* service tel */
.serviceTel{
	position:fixed; right:25px; top:120px;z-index:1000;
	width:180px; height: 80px; border:3px solid #b22f2d;  padding-top: 10px;
	color: #333333; font-size: 24px; line-height: 30px; text-align: center;
	background:#ffffff;
}
.serviceTel span{
	display: block;
	color: #b02a28; font-size: 22px; line-height:30px;font-family: impact; text-align: center;
}
.serviceTel .close{
	position: absolute; right:0px; top:0px;
	width: 21px; height: 21px;border-left:1px solid #ae2422; border-bottom:1px solid #ae2422;
	color: #be4b49; font-size: 16px; line-height:21px; text-align: center;
	background: #ffe6e6; cursor: pointer;
}



/* hr*/
.hrBox{ width:634px; float:left; min-height:91px; _height:91px; border:1px solid #dbdbdb; margin-top:20px;  margin-left:40px;_margin-left:30px; } 
.hrBoxL{ width:100px; float:left; text-align:center;  }
.hrBoxL li{ width:100px; min-height:30px; _height:30px; line-height:30px;border-bottom:1px #dbdbdb solid;vertical-align: bottom}
.jobName{ width:380px; float:left;}
.hrBtn{ width:100px; float:left; text-align:center; padding-top:3px;}
.hrBoxL li.haode{ border-bottom:none;}
.hrBoxR{ width:533px; float:left; text-align:left; border-left:1px solid #dbdbdb;}
.hrBoxR li{ width:508px; min-height:30px; _height:30px; line-height:30px; border-bottom:1px #dbdbdb solid; padding-left:15px; vertical-align: bottom; padding-right:10px;}
.hrBoxR li.topline{ overflow:hidden; height:30px;}
.hrBoxR li.topline img{ margin-top:3px;}
.hrBoxR li.haode{ border-bottom:none;}
.hrTable{ width:614px; float:left; height:440px; background:#efefef; border:1px solid #dbdbdb;margin-left:35px;_margin-left:17px;}
.tableTitle{ width:614px; height:36px; text-align:center; line-height:36px; border-bottom:1px solid #dbdbdb; font-weight:bold;}
.lineOne{ height:30px; line-height:30px; border-bottom:1px solid #dbdbdb; width:614px;}
.lineOneL{ width:94px; float:left; text-align:center; border-right:1px solid #dbdbdb;}
.lineOneR{ width:509px; float:left; padding-left:10px;}
.tableMainL{ width:94px; float:left; border-right:1px solid #dbdbdb; text-align:center;}
.tableMainL li{ width:94px; height:30px; line-height:30px; border-bottom:1px solid #dbdbdb;}
.tableMainR{ width:211px; float:left; border-right:1px solid #dbdbdb; text-align:left; }
.tableMainR li{ width:206px; height:30px; line-height:30px; border-bottom:1px solid #dbdbdb; padding-left:5px; vertical-align: bottom;}
.tableMainR li span{display:inline-block;}
.tableMainRno{ width:212px; float:left; text-align:left;}
.tableMainRno li{ width:207px; height:30px; line-height:30px; border-bottom:1px solid #dbdbdb; padding-left:5px; vertical-align: bottom;}
.tableMainRno li span{display:inline-block;}
.input_hr{ width:126px; height:17px; line-height:17px; padding:0px; vertical-align:middle; font-size:12px; border:1px solid #dbdbdb;}
.sel_hr{ width:130px; height:20px; line-height:20px; padding:0px; vertical-align:middle; font-size:12px; }
.bottomLine{ width:614px; height:123px; border-bottom:1px solid #dbdbdb; }
.lineBootL{ width:94px; height:123px; border-right:1px solid #dbdbdb; text-align:center; float:left;}
.lineBootR{ width:509px; float:left; padding-left:10px;  height:123px;}
.are_hr{ width:470px; height:80px; margin-top:11px;}
.hr_btn{ width:614px; height:31px; line-height:31px;}
.hr_btnL{ width:310px; float:left; border-right:1px solid #dbdbdb; text-align:center; height:31px;}
.hr_btnR{ width:300px; float:left; text-align:center; }
.c_red{ color:#f00;}
.fl{ float:left}.fr{ float:right}.clear { clear:both;height:0px; overflow:hidden}
/* hr */
.hr{ font-size: 14px; color:#666666; margin:10px auto; width:95%;font-size:12px;line-height:24px; border:1px #dbdbdb solid;border-collapse: collapse;  }
.hr td{border:1px #dbdbdb solid; border-collapse: collapse; padding:5px;font-size: 14px; color:#666666; }
.hr input,.hr textarea{font-size: 14px; height: 20px; line-height: 20px; line-height:1.8; border:1px solid #ccc;}
.hr a{ color:#333;}
.hr a:hover{ color:#de0303;}
.hr_btn{width:100px; height:40px; font-size:14px;color:#666666; }
.fl{ float:left}.fr{ float:right}.clear { clear:both;height:0px; overflow:hidden}


/* book*/
.bookmain{width:650px;padding:0 10px;height:auto;font: 14px/30px 'microsoft yahei';color: #185e0b;margin:0 auto;}
.bookmain div{font-size:14px}
.bookline{width: 650px; height:34px;background-image: url(../images/about_box_line.jpg); background-repeat:repeat-x; background-position: 0 0; margin:0 auto;margin-top:10px;}
.book3{ width:550px; margin:0 auto;}
.booktop{ width:650px; height:30px; float:left; background:url(../images/bookico.png) no-repeat 10px 7px; margin-top:20px;}
.booktop_name{ width:570px; height:30px; float:left; color:rgb(30,54,1);color:#333; padding-left:30px; line-height:30px; font-weight:bold;}
.booktop_time{ width:150px; height:30px; float:left; color:rgb(30,54,1);color:#333; text-align:right; line-height:30px;}
.bookcontent{ width:628px; min-height:40px; height: auto!important; height:40px;float:left; border:1px solid #d6deef; background:url(../images/bookcontentbg.jpg) repeat-x; background-color:#fff; padding:10px; color:rgb(30,54,1);color:#333;}
.bookadmin{ width:650px; height:auto; float:left;}
.bookadmin_top{ width:650px; height:12px; padding-top:8px;line-height:12px;float:left;}
.bookadmin_mid{ width:628px; min-height:30px; height: auto!important; height:30px; border-left:1px solid #d6deef; border-right:1px solid #d6deef; border-bottom:1px solid #d6deef; float:left; padding:10px; color:rgb(30,54,1);color:#333; background: #ffffff;}
.messagecol{ color:rgb(30,54,1);color:#333;}
.admincol{ color:rgb(30,54,1);color:#333; font-weight:bold;}
.admintimecol{ color:rgb(30,54,1);color:#333; float:right; *margin-top:-17px;}
.message{ width:500px; height:auto;float:left;padding-left:50px; color:rgb(30,54,1);}
.message li{ width:500px;height:40px; float:left; margin:0px; padding:0px;}
.message li input{ height:15px; line-height:15px; width:150px;}
.message li p.message_title{ width:100px; height:25px; float:left; text-align:right; font-size:14px;color:#333;}
.message li p.message_content{ width:400px;float:left;}
.message li.contentb{ width:500px;height:150px; float:left;}
.message li.contentb textarea{ width:370px; height:120px;}
.message li.yzm{ width:500px;height:60px; float:left;}
.message li p.message_yzminput{ width:100px; float:left;}
.message li p.message_yzminput input{ width:70px;}
.message li p.message_yzmico{ width:100px; height:40px; float:left;}
.message li p.message_sub{ width:200px; height:40px; float:left;}
.tab2{background:#fff; width:100%; margin-top:5px; border:1px solid #e1e0e1;}
.blank{width:100%; height:20px; margin-bottom:5px;}



/*内容页新闻recommended*/
.recommended{ overflow:hidden; background:#fafafa; padding:20px;border: 1px solid #d1d1d1;}
.recommended h4{ font-size:24px; font-weight:normal;padding-bottom: 10px;}
.recommended ul{ }
.recommended ul li{ width:50%; float:left;height:30px;line-height:30px;overflow: hidden;}
.recommended ul li span{ width: 86px;color:#a8a8a8;display:block; float:left;}
.recommended ul li a{width: 70%; padding:0 0 0 12px;display: block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}



.recommended a:visited {
    color: #2c2c2c;
}
.recommended a:link {
    color: #2c2c2c;
}
.recommended a {
    text-decoration: none;
}



/*内容页产品related product*/


.related{ position:relative;margin: 20px auto;background:#fafafa; padding:15px;border: 1px solid #d1d1d1;overflow:hidden;}
.related h4{ font-size:24px; font-weight:normal;padding: 10px 0 20px 12px;}
.related .hd2{ overflow:hidden;height:30px;text-align: center;}
.related .hd2 .prev {
	left:2px;
	background-image: url(../images/left1.png);
	background-repeat: no-repeat;
	background-position: left center;
	
}
.related .hd2 .next {
	right:2px;
	background-position: right center;
	background-image: url(../images/rihgt1.png);
}
.related .hd2 ul{overflow:hidden; zoom:1; margin-top:5px; zoom:1; }
.related .hd2 ul li{display: inline-block;*display: inline;zoom:1; width:8px;height:8px;overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url(../images/prd_off.jpg) no-repeat; }
.related .hd2 ul li.on{ background-position:0 0; background:url(../images/prd_on.jpg) }
.related .bd2 ul{ overflow:hidden; zoom:1; }
.related .bd2 ul .prdtitle{ width: 160px !important;height:170px;display:inline; overflow:hidden; position:relative; text-align:center;margin:0 6px; float:left;}
.related .bd2 ul .prdtitle-large{margin:0 8px;}
.related .bd2 ul .prdtitle img{ width:180px; height:159px;border:1px solid #ccc;}
.related .bd2 ul .prdtitle span{ display:block; line-height:30px;}