.joinBanner{ position:relative;}
.joinBanner ul.slides li{ position:relative;}
.joinBanner ul.slides li img{display:block;width:100%;}
.joinBanner ul.slides li .box{ position:absolute;top:0;left:0;right:0;bottom:0;}
.joinBanner ul.slides li .box table{width:100%;height:100%;}
.joinBanner ul.slides li .box h3{font-size:18px; text-align:center;color:#fff;}
.joinBanner ul.slides li .box hr{background:url(../images/join/h4_line.jpg) no-repeat center;padding:2px 0;border:0;}
.joinBanner ul.slides li .box h4{font-size:14px;color:#fff; text-align:center;}
.joinBanner .flex-direction-nav{display:none;}
.joinBanner .flex-control-nav{z-index:3;bottom:15px;}
.joinBanner .flex-control-nav li a{width:15px;height:15px;background: url(../images/index/index_dot.png) no-repeat;background-position: -15px 0;}
.joinBanner .flex-control-nav li a.active{ background-position:0 0;}

.join01{padding:30px 15px;background:url(../images/join/join01.jpg) no-repeat left top;background-size:100%}
.join01 h3{background:url(../images/about/h3_tit_bg.jpg) repeat-x left center; text-align:center;padding:25px 0;}
.join01 h3 span{font-size:16px;display:inline-block;padding:0 10px;}
.join01 .flex{ position:relative;min-height:400px;}
.join01 .flex ul.slides li{ position:relative;}
.join01 .flex ul.slides li .pic{ text-align:center;}
.join01 .flex ul.slides li .pic img{width:50%;margin:0 auto;}
.join01 .flex ul.slides li h4{font-size:18px;color:#c2996e;padding:10px 0; text-align:center;}
.join01 .flex ul.slides li p{font-size:12px;line-height:24px;color:#333;}
.join01 .flex .flex-control-nav{display:none;}
.join01 .flex .flex-direction-nav{}
.join01 .flex .flex-direction-nav li a{width:40px;height:40px;opacity:1;margin: -30px 0 0;top:20%}
.join01 .flex .flex-direction-nav li a.prev{left:0;background:url(../images/about/about03_left.png) no-repeat;background-size:cover;}
.join01 .flex .flex-direction-nav li a.next{right:0;background:url(../images/about/about03_right.png) no-repeat;background-size:cover;}
.join02{ text-align:center;}
.join02 img{ display:block;width:100%;}
.join02 p{font-size:14px;color:#000;padding:5px 0;}
.join02 h3,.join02 h3 a{font-size:24px;color:#cc9f6c;}
.join03{padding:0 15px 30px }
.join03 h3{background:url(../images/about/h3_tit_bg.jpg) repeat-x left center; text-align:center;padding:20px 0;}
.join03 h3 span{font-size:16px;display:inline-block;background:#fff;padding:0 10px;}
.join03 p{border:1px solid #d2cfcc;margin:10px 0;}
.join03 p input{width:100%;height:40px;line-height:40px;border:0; text-indent:40px;font-size:14px;color:#333;}
.join03 p .name{background:url(../images/about/con03.jpg) no-repeat 10px center;background-size:20px;}
.join03 p .qq{background:url(../images/about/con08.jpg) no-repeat 10px center;background-size:20px;}
.join03 p .tel{background:url(../images/about/con05.jpg) no-repeat 10px center;background-size:20px;}
.join03 p .mail{background:url(../images/about/con06.jpg) no-repeat 10px center;background-size:20px;}
.join03 p textarea{border:0;width:92%;height:80px;padding:4%;font-size:14px;color:#333;}
.join03 .btn{display:inline-block;width:100%;padding-top:10px;}
.join03 .btn a{display:inline-block;width:46%; text-align:center;height:40px;line-height:40px;font-size:16px;color:#fff;background:#666;}
.join03 .btn a.fr{background:#d2ac83}