.page_banner{height:747px;background:url("../images/banner/join_banner.jpg") no-repeat center center}.title{width:100%;height:123px}.title_1{background:url("../images/join/title_1.png") no-repeat center center}.title_2{margin-bottom:30px;background:url("../images/join/title_2.png") no-repeat center center}.title_3{background:url("../images/join/title_3.png") no-repeat center center}.title_4{background:url("../images/join/title_4.png") no-repeat center center}.brach_box{padding:20px 0 60px}.brach_img img{display:block;transition:transform 0.5s linear;-ms-transition:transform 0.5s linear;-moz-transition:transform 0.5s linear;-webkit-transition:transform 0.5s linear;-o-transition:transform 0.5s linear}.brach_img:hover img{transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px)}.support_box{box-sizing:border-box;padding-top:40px;height:767px;background:url("../images/join/support_bg.png") no-repeat center center}.support_img{width:570px}.support_img:hover img{transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2)}.condition_box{padding:40px 0 60px}.condition_list{margin-top:15px}.condition_list li{width:330px;background:#fff;-moz-box-shadow:4px 4px 10px rgba(0,0,0,0.05),-4px 4px 10px rgba(0,0,0,0.05),4px -4px 10px rgba(0,0,0,0.05),-4px -4px 10px rgba(0,0,0,0.05);-webkit-box-shadow:4px 4px 10px rgba(0,0,0,0.05),-4px 4px 10px rgba(0,0,0,0.05),4px -4px 10px rgba(0,0,0,0.05),-4px -4px 10px rgba(0,0,0,0.05);box-shadow:4px 4px 10px rgba(0,0,0,0.05),-4px 4px 10px rgba(0,0,0,0.05),4px -4px 10px rgba(0,0,0,0.05),-4px -4px 10px rgba(0,0,0,0.05);min-height:400px}.condition_list li:hover img{transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2)}.condition_list .imgs_box{width:330px;height:147px}.condition_list .imgs_box img{max-width:330px;max-height:147px}.condition_info{padding:30px 15px 0}.condition_info h1{color:#bb2322;font-weight:bold}.condition_info h6{margin-bottom:10px}.condition_info h6 span{display:block;font-size:20px;white-space:nowrap;transform:scale(0.5) translateX(-50%);-webkit-transform:scale(0.5) translateX(-50%);-o-transform:scale(0.5) translateX(-50%);-ms-transform:scale(0.5) translateX(-50%);-moz-transform:scale(0.5) translateX(-50%)}.condition_info p{color:#666666;font-size:16px;line-height:30px}.process_img{height:645px;background:url("../images/join/process_img.png") no-repeat center center}.join_box{padding:40px 0 20px}.join_swiper{margin-top:10px;position:relative}.join_swiper .imgs_box{position:relative}.join_swiper .imgs_box:hover>div{opacity:1}.join_swiper .imgs_box img{width:100%;height:227px}.join_swiper .imgs_box>div{opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5)}.join_swiper .imgs_box>div h4{text-align:center;padding:0 10px;color:#fff;font-weight:bold}@media screen and (min-width: 1400px){.join_next{cursor:pointer;position:absolute;right:-100px;top:50%;display:block;width:36px;height:36px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);background:url("../images/index/right_icon.png") no-repeat;background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;-ms-background-size:100% 100%;-webkit-background-size:100% 100%}.join_next:hover{background:url("../images/index/right_active_icon.png") no-repeat;background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;-ms-background-size:100% 100%;-webkit-background-size:100% 100%}.join_prev{cursor:pointer;position:absolute;left:-100px;top:50%;display:block;width:36px;height:36px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);background:url("../images/index/left_icon.png") no-repeat;background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;-ms-background-size:100% 100%;-webkit-background-size:100% 100%}.join_prev:hover{background:url("../images/index/left_active_icon.png") no-repeat;background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;-ms-background-size:100% 100%;-webkit-background-size:100% 100%}}