body{background: #f4f4f4;}
/*加入我们banner*/
.banner img{width: 100%;}
/*加入我们导航*/
.join-nav{background: #ffffff;}
.join-nav ul{text-align: center;}
.join-nav li{display: inline-block;margin: 21px 0;padding: 0 54px;border-left: 1px solid #bebebe;line-height: 1;}
.join-nav li:first-child{border-left: none;}
.join-nav li a{font-size: 18px;color: #333333;}
.join-nav li.now a, .join-nav li:hover a{color: #005f8c;}
/*加入我们列表*/
.join-title{text-align: center;padding: 76px 0 6px;}
.join-title p{display: inline-block;font-size: 36px;line-height: 1;font-weight: bold;}
.join-title i{display: block;width: 78px;height: 3px;background: #ffda00;margin: 17px auto 0;transition: all 0.8s;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;}
.join-title:hover i{width: 100%;}
.join-main{margin-bottom: 89px;}
.join-main ul{width: 100%;}
.join-main ul>li{width: 100%; margin-top: 40px; height: 110px; background: #e8e8e8; border-bottom: 4px solid #028aca;}
.join-main ul>li h2{float: left; width: 240px; background: #ffda00; line-height: 110px; text-align: center; font-size: 33px; font-weight: normal; position: relative;}
.join-main ul>li p{float: left; width: 67%; height: 100px; padding-top: 22px;}
.join-main ul>li .look{float: right; width: 180px; height: 110px; background: #ffda00; font-size: 17px; text-align: center;}
.join-main ul>li:hover .look{background: #ffda00;}
.join-main ul>li .look a{cursor: pointer;color: #000000;background: #ffffff;display: inline-block; padding: 6px 25px; margin-top: 37px;border-radius: 5px;transition: all .5s;}
.join-main ul>li:hover .look a{color: #028aca;}
.join-main ul>div{display: none; padding: 14px 54px 12px; background: url(../images/jiaru.png) #f4f4f4 no-repeat 825px center; line-height: 44px;}
.join-main ul>div h4{font-size: 24px;}
.join-main ul>div p{font-size: 18px;color: #666666;}
.join-main ul>div p.tel{font-weight: bold;}