/*商户服务*/
.join{ margin-bottom:250px;;}
.subbanner img{ position:relative;}
.joinmenu { margin-top:-450px; z-index:999; position:relative;}
.joinmenu ul li { width:25%; float:left;}
.joinmenu ul li h2 { text-align:center;  padding:13px;width:180px; height:180px; margin:0 auto;}
.joinmenu ul li h2 a{  font-size:20px; color:#fff; width:180px; height:180px; display:block;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;}
.joinmenu ul li h2 a:hover { text-decoration:none;}
.joinmenu ul li h2 a em { display:block; padding-top:60px;}
.joinmenu ul li h2:hover a em {padding-top:40px;}
.joinmenu ul li h2:hover a b {width:43px; height:24px; background:url(b05.png) no-repeat; margin:0 auto; display:block; margin-top:30px;}
.join01 h2 a {background:url(b01.png);  }
.join02 h2 a {background:url(b02.png);  }
.join03 h2 a {background:url(b03.png);  }
.join04 h2 a {background:url(b04.png);  }
.join01 i{color:#86e4ac}
.join02 i{color:#b9f495}
.join03 i{color:#9ce9f2}
.join04 i{color:#f8d7ae}
.joinmenu ul li:hover { background:url(b06.png) no-repeat top center;}
.join01 h2:hover {background:url(b001.png);  }
.join02 h2:hover {background:url(b002.png);  }
.join03 h2:hover {background:url(b003.png);  }
.join04 h2:hover {background:url(b004.png);  }

.joinmenu .cur{}
.joinmenu ul .cur h2 a em {padding-top:40px;}
.joinmenu ul .cur h2 a b {width:43px; height:24px; background:url(b05.png) no-repeat; margin:0 auto; display:block; margin-top:30px;}
.joinmenu ul .cur { background:url(b06.png) no-repeat top center;}
.joinmenu ul .cur h2 a { text-decoration:none;}
.join01 .cur h2 {background:url(b001.png);  }
.join02 .cur h2 {background:url(b002.png);  }
.join03 .cur h2 {background:url(b003.png);  }
.join04 .cur h2 {background:url(b004.png);  }


.jobcontent{ }
.jobcontent h3 {padding-top:15px; margin-bottom:20px; position:relative; padding-bottom:20px; border-bottom:1px solid #dcdcdc; color:#00a743; font-size:20px;}
.jobcontent h3 b { position:absolute; right:0; text-align:center; padding-left:70px; background:url(phone02.png) no-repeat left center; height:40px; line-height:40px; color:#666;}
.jobcontent h3 b i {color:#f48000;}
.jobcontent ul li{ padding:8px 0px; line-height:18px; padding-left:20px; background:url(joindot.png) no-repeat 2px 12px;;}
.jobcontent h4 { font-size:16px; border-bottom:1px dotted #dcdcdc; height:16px; margin-bottom:30px; margin-top:30px;}
.jobcontent h4 span { margin-bottom:-10px; background:#fff; padding-right:30px;}
.jobcontent .joinmessage ul { float:left; width:50%; }
.jobcontent .joinmessage ul li { background:none; padding:0px; margin-bottom:20px; float:left; line-height:35px;}
.jobcontent .joinmessage ul li input{ width:385px; height:25px; padding:5px; float:left;}

.center { margin-top:0; position:relative; height:690px;}
.center div{ margin-top:200px; position:relative; z-index:99;}
.center img { position:absolute; z-index:1; top:0;}
.center ul li h2 a em {padding-top:40px;}
.center ul li h2 a b {width:43px; height:24px; background:url(b05.png) no-repeat; margin:0 auto; display:block; margin-top:30px;}
.joinmenu ul li div:hover { background:url(b06.png) no-repeat top center;}