/* general style  */
html { color: #333; background: #FFF; }
body { font-size: 12px; font-family:"宋体",Arial, Helvetica, sans-serif,SimSun ; width:100%;}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,textarea,p,th,td ,img{ margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; font-size: inherit; font: 100%; }
caption,th { text-align: left; }
cite,em,th{ font-style: normal; font-weight: normal; }
li { list-style: none; }
h1,h2,h3,h4,h5,h6,small { font-size: 100%; font-weight: normal; }
q:before,q:after { content: ''; }
input,textarea,select { font-family: inherit; font-size: inherit; font-weight: inherit; *font-size: 100%; }

a { color: #005a8c; text-decoration: none; cursor:pointer; }
a:hover { color: #005a8c; text-decoration: underline; cursor:pointer; }
a:visited, a:active, a:focus { outline: none; cursor:pointer;}
.a-more:hover{ color:#00387c; text-decoration:none;cursor:pointer;}
.a-more:active{color:#00387c; text-decoration:none;cursor:pointer;}

.aFourLink:link{color:#616161;}
.aFourLink:visited {color:#14589e;}
.aFourLink:hover {color:#0da0a9;}
.aFourLink:active {color:#28cdd7;} 

.titlebar a{margin:0 0 0 5px;}

img{ border-width:0px;}
.clear{ clear:both;}
.floatLeft{ float:left;}
.floatRight{ float:right;}

.font12{ font-size:12px;}
.font14{ font-size:14px;}
.font16{ font-size:16px;}
.font18{ font-size:18px;}
.fontbtncolor{ color:#7A7A7A;}
.fontColorWhite{ color:White;}
.fontColorBlack{ color:Black;}
.fontColorgray{ color:#625E5B;}
.fontbold{ font-weight:bold;}

/*home page header*/
.homePageHeadBack{ height:450px; background:url("../img/headAndBottom/jh5top_02-1.png") repeat-x; }
.homePageHead{margin: 0px auto; height: 102px; width: 960px;}
.homePageHead .rightInfo{float: right; }
.jhLogo{ float: left;margin-left:-50px!important; margin-left:0px;}
.VIPjhLogo{ float: left; position:relative;  top:0px; left:0px;}
.CBDjhLogo{ float: left; position:relative;  top:0px; left:0px;}
.loginLink{float:right; padding-top:20px;}
.loginLink .headlink{ margin-left:20px; }
.weatherAndDate{float: right;  margin-top:30px;}
.weatherAndDate span{ margin-left:10px; }

/*Nav*/
.nav {margin:-346px auto 0px; width:962px; height:49px;}
.nav ul{margin-left:200px; height:49px;float:right;}
.nav ul li{ height:49px; float:left;}
.nav ul li a{width:104px; height:39px;background:url("../img/headAndBottom/1.png") no-repeat;float:left;color:#fff;font-size:14px;  text-align:center; vertical-align:middle; padding-top:10px;}
.nav ul li a:hover{background:url("../img/headAndBottom/2.png") no-repeat;font-size:16px; text-decoration:none;color:#fff;}
.nav ul li a.on{background:url("../img/headAndBottom/2.png") no-repeat;font-size:16px; text-decoration:none;}


/*VIPNav*/
.VIPnav {margin:-346px auto 0px; width:962px; height:49px; }
.VIPnav ul{height:49px;}
.VIPnav ul li{ height:49px; float:left;}
.VIPnav ul li a{width:104px; height:39px;background:url("../img/headAndBottom/1.png") no-repeat;float:left;color:#fff;font-size:14px;  text-align:center; vertical-align:middle; padding-top:10px;}
.VIPnav ul li a:hover{background:url("../img/headAndBottom/2.png") no-repeat;font-size:16px; text-decoration:none;height:39px;padding-top:10px;}
.VIPnav ul li a.on{background:url("../img/headAndBottom/2.png") no-repeat;font-size:16px; text-decoration:none;height:39px;padding-top:10px;}
/*CBDNav*/
.CBDnav{margin:-346px auto 0px; width:962px; height:49px; }
.CBDnav ul{height:49px; width:630px; float:right;}
.CBDnav ul li{ height:49px; float:left;}
.CBDnav ul li a{width:104px; height:39px;background:url("../img/headAndBottom/1.png") no-repeat;float:left;color:#fff;font-size:14px;  text-align:center; vertical-align:middle; padding-top:10px;}
.CBDnav ul li a:hover{background:url("../img/headAndBottom/2.png") no-repeat;font-size:16px; text-decoration:none;height:39px;padding-top:10px;}
.CBDnav ul li a.on{background:url("../img/headAndBottom/2.png") no-repeat;font-size:16px; text-decoration:none;height:39px;padding-top:10px;}
/*currentLocation*/
.currentLocation {width:540px; height:20px;}
.currentLocation a{color:Black;line-height:20px;}
.currentLocation a:hover{  color: #005a8c; text-decoration: underline; }

/*search*/
.search{ width:971px;height:82px;margin:0px auto 0px;}
.comSearch {background:url("../img/knowPage/top.png") repeat-x; width:961px; height:82px; float:right;}
.searchBox{  margin-top:25px; margin-left:14px;  width:265px; float:left; }
.searchBox .left{background:url("../img/knowPage/search-left-1.png") no-repeat; width:13px; height:27px; float:left;}
.searchBox .middle{background:url("../img/knowPage/search-mid.png") repeat-x; width:197px; height:27px; float:left;}
.searchBox .right{background:url("../img/knowPage/search-right.png") no-repeat; width:53px; height:27px; float:left;}
.searchBox a{background:url("../img/knowPage/search-right.png") left top no-repeat; width:53px; height:27px;}
.comSearch .comLink{float:right; height:56px;width:381px;  margin-top:20px;}
.comSearch .comLink .ask{ width:126px; float:left; }
.comSearch .comLink .ask .splitLeft{background:url("../img/knowPage/topsplit-1.png") no-repeat; width:1px; height:56px;float:left; }
.comSearch .comLink .ask .picLink1{background:url("../img/knowPage/ask.png") no-repeat; width:37px; height:39px; float:left; margin-left:5px;}
.comSearch .comLink .ask .picLink2{background:url("../img/knowPage/answer.png") no-repeat; width:37px; height:39px; float:left; margin-left:5px;}
.comSearch .comLink .ask .picLink3{background:url("../img/knowPage/myknow.png") no-repeat; width:37px; height:39px; float:left; margin-left:5px;}

.comSearch .comLink .ask .picLink11{background:url("../img/download/1.png") no-repeat; width:40px; height:41px; float:left; margin-left:3px;}
.comSearch .comLink .ask .picLink21{background:url("../img/download/2.png") no-repeat; width:40px; height:41px; float:left; margin-left:3px;}
.comSearch .comLink .ask .picLink31{background:url("../img/download/3.png") no-repeat; width:40px; height:41px; float:left; margin-left:3px;}

.comSearch .comLink .wordLink{ color:#7a7a7a; font-size:16px; font-weight:bold;}
.comSearch .comLink .rightLink{float:left; width:83px;  text-align:center;padding-top:3px;}
.comSearch .comLink .rightLink1{float:left; width:79px;  text-align:center;padding-top:3px;}
.comSearch .comLink p{ color:#c2c1c0; line-height:20px; }
.searchInput{ border:solid 1px #e4e5e7; width:197px; height:17px;  margin-top:3px;}





/*bottom链接
.bottomLink{background:url("../img/headAndBottom/jh5bottom_08.png") repeat-x; width:100%; height:260px; margin-top:-50px!important; margin-top:-80px;}*/
.bottomLink{ margin-top:20px!important; margin-top:10px; }
.bottomNav{ margin:0px auto; width:974px; height:60px;}
.bottomLink .bottomInfo{margin:18px auto; width:960px;}
.bottomLink .bottomInfo .left{width:480px;  float:left;}
.bottomLink .bottomInfo .right{width:480px;  float:left;}
.bottomLink .bottomNav .navLeft{width:10px; height:60px; float:left;background:url("../img/headAndBottom/normal/jh5_338.png") no-repeat;}
.bottomLink .bottomNav .navRight{width:10px; height:60px; float:left;background:url("../img/headAndBottom/normal/nav_373.png") no-repeat;}

.bottomNav ul li{ width:106px; height:60px; float:left;}
.bottomNav ul li .aboutMe{ width:106px; height:60px; float:left;background:url("../img/headAndBottom/normal/jh5_337.png") no-repeat;}
.bottomNav ul li .webmap{ width:106px; height:60px; float:left;background:url("../img/headAndBottom/normal/jh5_339.png") no-repeat;}
.bottomNav ul li .secretprotect{ width:106px; height:60px; float:left;background:url("../img/headAndBottom/normal/nav_366.png") no-repeat;}
.bottomNav ul li .copyright{ width:106px; height:60px; float:left;background:url("../img/headAndBottom/normal/nav_367.png") no-repeat;}
.bottomNav ul li .coopreation{ width:106px; height:60px; float:left;background:url("../img/headAndBottom/normal/nav_368.png") no-repeat;}
.bottomNav ul li .employ{ width:106px; height:60px; float:left;background:url("../img/headAndBottom/normal/jh5_343.png") no-repeat;}
.bottomNav ul li .friendlink{ width:106px; height:60px; float:left;background:url("../img/headAndBottom/normal/jh5_344.png") no-repeat;}
.bottomNav ul li .contactus{ width:106px; height:60px; float:left;background:url("../img/headAndBottom/normal/nav_371.png") no-repeat;}
.bottomNav ul li .servicebook{ width:106px; height:60px; float:left;background:url("../img/headAndBottom/normal/rongyaonomal.png") no-repeat;}

.bottomNav ul li .aboutMe:hover{ width:106px; height:60px; float:left;background:url("../img/headAndBottom/hover/jh5_05.png") no-repeat;}
.bottomNav ul li .webmap:hover{ width:106px; height:60px; float:left;background:url("../img/headAndBottom/hover/jh5_07.png") no-repeat;}
.bottomNav ul li .secretprotect:hover{ width:106px; height:60px; float:left;background:url("../img/headAndBottom/hover/jh5navhover_08.png") no-repeat;}
.bottomNav ul li .copyright:hover{ width:106px; height:60px; float:left;background:url("../img/headAndBottom/hover/jh5navhover_09.png") no-repeat;}
.bottomNav ul li .coopreation:hover{ width:106px; height:60px; float:left;background:url("../img/headAndBottom/hover/jh5navhover_10.png") no-repeat;}
.bottomNav ul li .employ:hover{ width:106px; height:60px; float:left;background:url("../img/headAndBottom/hover/jh5_10.png") no-repeat;}
.bottomNav ul li .friendlink:hover{ width:106px; height:60px; float:left;background:url("../img/headAndBottom/hover/jh5navhover_12.png") no-repeat;}
.bottomNav ul li .contactus:hover{ width:106px; height:60px; float:left;background:url("../img/headAndBottom/hover/jh5navhover_13.png") no-repeat;}
.bottomNav ul li .servicebook:hover{ width:106px; height:60px; float:left;background:url("../img/headAndBottom/hover/rongyaohover.png") no-repeat;}

.bottomNav ul li .aboutMe:active{ width:106px; height:60px; float:left;background:url("../img/headAndBottom/navdown/jh5_05.png") no-repeat;}
.bottomNav ul li .webmap:active{ width:106px; height:60px; float:left;background:url("../img/headAndBottom/navdown/jh5_07.png") no-repeat;}
.bottomNav ul li .secretprotect:active{ width:106px; height:60px; float:left;background:url("../img/headAndBottom/navdown/jh5navdown_08.png") no-repeat;}
.bottomNav ul li .copyright:active{ width:106px; height:60px; float:left;background:url("../img/headAndBottom/navdown/jh5navdown_09.png") no-repeat;}
.bottomNav ul li .coopreation:active{ width:106px; height:60px; float:left;background:url("../img/headAndBottom/navdown/jh5navdown_10.png") no-repeat;}
.bottomNav ul li .employ:active{ width:106px; height:60px; float:left;background:url("../img/headAndBottom/navdown/jh5_10.png") no-repeat;}
.bottomNav ul li .friendlink:active{ width:106px; height:60px; float:left;background:url("../img/headAndBottom/navdown/jh5navdown_12.png") no-repeat;}
.bottomNav ul li .contactus:active{ width:106px; height:60px; float:left;background:url("../img/headAndBottom/navdown/jh5navdown_13.png") no-repeat;}
.bottomNav ul li .servicebook:active{ width:106px; height:60px; float:left;background:url("../img/headAndBottom/navdown/rongyaodown.png") no-repeat;}



/*png图片兼容*/
.logoPng{ width:333px; height:128px;background-image: url(../img/knowPage/serviceLOGO-1.png)!important;/* FF IE7 */background-repeat: no-repeat;
          filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.jh-club.com/service/i/201006/img/knowPage/serviceLOGO-1.png'); /* IE6 */background-image: none; /* IE6 */}
/*论坛*/
.logoPngForum{ width:294px; height:133px;background-image: url(../img/knowPage/serviceLOGO-for.png)!important;/* FF IE7 */background-repeat: no-repeat;
          filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.jh-club.com/service/i/201006/img/knowPage/serviceLOGO-for.png'); /* IE6 */background-image: none; /* IE6 */}
/*VIPLogo*/
.VIPlogoPng{ width:294px; height:133px;background-image: url(http://www.jh-club.com/service/i/201006/img/knowPage/vipclublog.png)!important;/* FF IE7 */background-repeat: no-repeat;
          filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.jh-club.com/service/i/201006/img/knowPage/vipclublog.png'); /* IE6 */background-image: none; /* IE6 */}
/*CBDLogo*/
.CBDlogoPng{ width:310px; height:102px;background-image: url(http://www.jh-club.com/service/i/201006/img/knowPage/CBDLogo.png)!important;/* FF IE7 */background-repeat: no-repeat;
          filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.jh-club.com/service/i/201006/img/knowPage/CBDLogo.png'); /* IE6 */background-image: none; /* IE6 */}
          
.weatherPng{width:23px; height:23px;background-image: url(../img/headAndBottom/jh5weather_03.png)!important;/* FF IE7 */background-repeat: no-repeat;
          filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i/201006/img/headAndBottom/jh5weather_03.png'); /* IE6 */background-image: none; /* IE6 */}
          
          
/*分页*/	
.paging{width:500px;margin:0px auto;text-align:center;}
.paging span{display:none;}
.paging a,.paging b{ color:#514F50;background:url("../img/list/jh5button_159.gif") no-repeat; width:23px; height:23px; margin-left:3px;padding-top:4px; text-align:center;display:block;}

.paging a:hover{ text-decoration:none;}
.paging a.pre{background:url("../img/list/jh5_166-1.png") no-repeat;display:block;height:23px;overflow:hidden;line-height:90px;}
.paging a.next{background:url("../img/list/jh5_167-1.png") no-repeat;display:block;height:23px;overflow:hidden;line-height:90px;}

.paging b{ float:left; background:url("../img/list/jh5_107-1.png") no-repeat; width:23px; height:23px;margin-left:3px;padding-top:4px; text-align:center;}
.currentPagingBack:hover{ text-decoration:none;}
.jumpInput{ width:23px; height:23px;background:url("../img/list/jh5button_159.gif") no-repeat; border:0px;float:left;text-align:center;}
.pageMid{float:right;margin-right:10px; display:inline;}
.pageMid span{ line-height:23px; display:block; float:left;}
.pageLeft{margin-right:25px;}


.paging a.jumpTo{background:url("../img/list/jh5_127-1.png") repeat-x;width:44px;height:20px;}
.paging a.jumpTo:hover{ background:url("../img/list/jh5buttonhover_127-1.png") no-repeat;}
.paging a.jumpTo:active{background:url("../img/list/jh5buttondown_127-1.png") no-repeat;}
.pageLeft a,.pageLeft b{ float:left;}
              
/*提交*/
.grayBtn{background:url("../img/show/normal_01.png") no-repeat top left;
         float:left; padding-left:8px;   color:#7A7A7A; line-height:22px; height:30px; margin-left:6px; text-decoration:none;}
.grayBtn span{background:url("../img/show/normal_03-span.png") no-repeat top right;
               display:block; padding:0px 13px 4px 2px;}
.grayBtn:hover{background:url("../img/show/hover_01.png") no-repeat top left;
         float:left; padding-left:8px;   color:#7A7A7A; line-height:22px; height:30px; margin-left:6px; text-decoration:none;}
.grayBtn:hover span{background:url("../img/show/hover_04-span.png") no-repeat top right;
               display:block; padding:0px 13px 4px 2px;}
.grayBtn:active{background:url("../img/show/down_01.png") no-repeat top left;
         float:left; padding-left:8px;   color:#7A7A7A; line-height:22px; height:30px; margin-left:6px; text-decoration:none; }
.grayBtn:active span{background:url("../img/show/down_03-span.png") no-repeat top right;
               display:block; padding:0px 13px 4px 2px;}
               
               
 
               
/*客服首页带箭头*/
.sgrayBtn{background:url("../img/service/btn/4.png") no-repeat top left;
         float:left; padding-left:8px;   color:#7A7A7A; line-height:22px; height:30px;  text-decoration:none;}
.sgrayBtn span{background:url("../img/service/btn/5.png") no-repeat top right;
               display:block; padding:0px 13px 4px 2px;}
.sgrayBtn:hover{background:url("../img/service/btn/6.png") no-repeat top left;
         float:left; padding-left:8px;   color:#7A7A7A; line-height:22px; height:30px;  text-decoration:none;}
.sgrayBtn:hover span{background:url("../img/service/btn/7.png") no-repeat top right;
               display:block; padding:0px 13px 4px 2px;}
.sgrayBtn:active{background:url("../img/service/btn/1.png") no-repeat top left;
         float:left; padding-left:8px;   color:#7A7A7A; line-height:22px; height:30px;text-decoration:none; }
.sgrayBtn:active span{background:url("../img/service/btn/8.png") no-repeat top right;
               display:block; padding:0px 13px 4px 2px;}

/*灰色不带箭头*/
.grayNoBtn{background:url("../img/graybtn/normal/normal_01.png") no-repeat top left;
         float:left; padding-left:8px;   color:#7A7A7A; line-height:22px; height:22px; margin-left:6px; text-decoration:none;}
.grayNoBtn span{background:url("../img/graybtn/normal/normal_03-span.png") no-repeat top right;
               display:block; padding:0px 10px 4px 2px;}
.grayNoBtn:hover{background:url("../img/graybtn/hover/hover_01.png") no-repeat top left;
         float:left; padding-left:8px;   color:#7A7A7A; line-height:22px; height:22px; margin-left:6px; text-decoration:none;}
.grayNoBtn:hover span{background:url("../img/graybtn/hover/hover_04-span.png") no-repeat top right;
               display:block; padding:0px 10px 4px 2px;}
.grayNoBtn:active{background:url("../img/graybtn/down/down_01.png") no-repeat top left;
         float:left; padding-left:8px;   color:#7A7A7A; line-height:22px; height:22px; margin-left:6px; text-decoration:none; }
.grayNoBtn:active span{background:url("../img/graybtn/down/down_03-span.png") no-repeat top right;
               display:block; padding:0px 10px 4px 2px;}            
               
               

.container{background:url("../img/headAndBottom/jh5bottom_08.png") bottom center  repeat-x; width:100%; padding-bottom:110px!important;padding-bottom:80px;}
               

/*提示窗口（飘窗）*/
.flowWindow{background:url("../img/flowWindow/back.gif") no-repeat; width:300px; height:220px;}
.flowWindow .line1{ width:260px; position:relative; left:20px; top:20px;}
.flowWindow .line2{ width:260px; position:relative; left:15px; top:30px;}
.flowWindow .line3{ width:260px; position:relative; left:15px; top:50px;}
.flowWindow b{ float:left;background:url("../img/flowWindow/34.png") top right no-repeat; width:80px; height:25px; padding:0px 25px 0px 0px; color:#3a77a3; font-size:18px;}
.flowWindow .close{background:url("../img/flowWindow/36.png") no-repeat; width:25px; height:25px; display:block; float:right;}
.flowWindow .member{background:url("../img/flowWindow/41.png") no-repeat; width:45px; height:45px; display:block; float:left;}
.flowWindow .winSplit{background:url("../img/flowWindow/split.png") no-repeat; width:249px; height:1px;position:relative; left:15px; top:40px;}
.flowWindow .visitor{background:url("../img/flowWindow/44.png") no-repeat; width:45px; height:45px; display:block; float:left;}
.flowWindow p{ width:190px;  line-height:20px; float:right;}
.comSearch .comLink .wordLink{ color:#7a7a7a; font-size:16px; font-weight:bold;}