
.maxjoin{font-family:microsoft yahei;}
.maxjoin .maxcut{width: 100%;position: relative;overflow: hidden;}
.maxjoin .topadcs a.fullad{height:600px;}
.maxcontent{width:1200px;margin:0 auto; overflow:visible}
.maxjoin .maxfloor{width:1920px;margin-left:-360px;clear: both;text-align: center;background: no-repeat center;}
.maxjoin .maxfloor .maxtitle{background: url(/uploadfiles/pictures/agent/join_tbg.gif) no-repeat center 55px;line-height: 30px;padding-top: 40px;}
.maxjoin .maxfloor .maxtitle h2{display: block;width: 122px;margin: 0 auto;font-size: 34px;font-weight: bold;}
.maxjoin .maxfloor .maxtitle h2 em{color: #0093dd;}
.maxjoin .maxfloor .maxtitle span{color: #666; text-transform: Uppercase;font-size: 14px; line-height: 48px;}

.maxjoin .maxf1{height:709px;background-image: url(/uploadfiles/pictures/agent/join_03.jpg);}
.maxjoin .maxf2{height:597px;background-image: url(/uploadfiles/pictures/agent/join_04.jpg);}
.maxjoin .maxf3{height:570px;background-image: url(/uploadfiles/pictures/agent/join_05.jpg);}
.maxjoin .maxf4{height:408px;background-image: url(/uploadfiles/pictures/agent/join_06.jpg);}
.maxjoin .maxf5{height: 849px;background-image: url(/uploadfiles/pictures/agent/join_07.jpg);}
.maxjoin .maxf6{height: 590px;background: #fff;}
.maxjoin .maxf7{height:902px;background-image: url(/uploadfiles/pictures/agent/join_09.jpg);}
.maxjoin .maxf8{height:527px;background-image: url(/uploadfiles/pictures/agent/join_10.jpg);}

.maxjoin .xctit{margin-top:15px;}
.maxjoin .xctit a{display:inline-block;width:156px;height:53px;line-height:53px;margin-left:-22px;background:url(/uploadfiles/pictures/agent/jp_bt2.png);color:#000;font-size:18px;font-weight:normal;}
.maxjoin .xctit a.cur{color:#fff;background:url(/uploadfiles/pictures/agent/jp_bt1.png)}
.maxjoin .xctit a:hover{text-decoration:none}
.maxjoin .ggg{margin-top: 8px;}


.maxjoin .box{width: 100%;height: 414px;position: relative;}

.maxjoin .list{width: 1000px;height: 357px;overflow: hidden;position: absolute;left: 50%;margin-left: -500px;}

.maxjoin .btn{position: absolute;top: 50%;margin-top: -50px;width: 58px;height: 58px;line-height: 58px;font-size: 30px;color: white;text-decoration: none;text-align: center;background: rgba(0,0,0,.4);cursor: pointer;left: 430px;border-radius: 50%;z-index: 999;font-family: initial;}
.maxjoin .next{right: 479px;left: auto;}

.maxjoin .box li{position: absolute;top: 0;left: 0;list-style: none;opacity: 0;transition: all 0.3s ease-out;}
.maxjoin .box img{width: 501px;height: 355px;border:none;float: left;border: 1px solid #999;}
.maxjoin .box .p1{transform:translate3d(-95px,0,0) scale(0.61);opacity: 0.8;z-index: 1;}
.maxjoin .box .p2{transform:translate3d(100px,0,0) scale(0.81);transform-origin:0 50%;opacity: 1;z-index: 2;}
.maxjoin .box .p3{transform:translate3d(224px,0,0) scale(1);z-index: 3;opacity: 1;}
.maxjoin .box .p4{transform:translate3d(350px,0,0) scale(0.81);transform-origin:100% 50%;opacity:1;z-index: 2;}
.maxjoin .box .p5{transform:translate3d(540px,0,0) scale(0.61);opacity: 0.8;z-index: 1;}


.maxjoin .buttons{position: absolute;width: 1200px;height: 30px;bottom: 0;left: 50%;margin-left: -600px;text-align: center;padding-top: 10px;}
.maxjoin .buttons a{display: inline-block;width: 19px;height: 12px;padding-top: 4px;cursor: pointer;}
.maxjoin .buttons a span{display: block;width: 12px;height: 12px;background: #cfcfcf;border-radius: 50%;}
.maxjoin .buttons a span.blue{background: #0093dd;}
