.pageWidth1{width:1024px;margin:0 auto}.joinbg{background:url(../images/join/banner1.jpg) center center no-repeat;height:700px}.joinTit{padding-top:70px;text-align:center}.joinTit img{margin:0 auto;display:block;width:395px}.joinTit h1{display:inline-block;border-top:3px solid #000;border-bottom:3px solid #000;padding:3px 10px;margin:40px auto;font-size:34px;font-family:SourceHanSans}.bg-white{width:100%;background:#fff}.bg-grey{width:100%;background:#f2f2f2}.join-body .position{padding-bottom:20px}.join-body .position .posit-item{width:485px;height:342px;position:relative;float:left;overflow:hidden;margin:0 25px 45px}.join-body .position .posit-item:nth-child(2n+1){margin-left:0}.join-body .position .posit-item:nth-child(2n+2){margin-right:0}.join-body .position .posit-item .posit-img{height:287px;line-height:0;position:relative}.join-body .position .posit-item .posit-img img{width:100%;height:287px}.join-body .position .posit-item .posit-img span{display:block;position:absolute;top:0;width:100%;height:100%;background:rgba(0,0,0,.2);opacity:1;transition:all .5s}.join-body .position .posit-item .posit-text{width:100%;height:55px;position:relative}.join-body .position .posit-item .posit-text .divA{width:100%;height:55px;padding:0 15px;background:#fff;transition:all .5s;position:absolute;bottom:0;left:0}.join-body .position .posit-item .posit-text .divA .p-title{width:100%;height:55px;position:relative}.join-body .position .posit-item .posit-text .divA .p-title span{width:150px;left:50%;top:0;margin:0 0 0 -75px;font-size:26px;text-align:center;line-height:55px;font-family:SourceHanSans;font-weight:700;transition:all .5s;display:block;position:relative;z-index:1}.join-body .position .posit-item .posit-text .divA .p-title span i{width:150px;display:block;height:12px;background:#ffe605;border-radius:30px;position:absolute;margin:0 auto;bottom:12px;z-index:-1}.join-body .position .posit-item .posit-text .divA p{margin:0}.join-body .position .posit-item .posit-text .divA .p4{width:100%;line-height:30px;padding:10px 0 20px;font-size:18px;font-family:SourceHanSans;color:#000;text-align:left;transition:all 1s;display:none}.join-body .position .posit-item .posit-text .divA .animated-delay{animation-delay:.3s!important}.join-body .position .posit-item:hover .posit-img span{opacity:0}.join-body .position .posit-item:hover .posit-text .divA .p-title span{left:0;margin:0}.join-body .position .posit-item:hover .posit-text .divA .p4{display:block}.join-body .position .posit-item:nth-child(1):hover .divA{height:130px}.join-body .position .posit-item:nth-child(2):hover .divA{height:190px}.join-body .position .posit-item:nth-child(3):hover .divA,.join-body .position .posit-item:nth-child(4):hover .divA{height:160px}.join-link .joinimg{padding-top:30px;padding-bottom:100px;text-align:center}.join-link .joinimg img{display:inline-block;width:595px}.join-liuchen .liuchenimg{padding-top:50px;padding-bottom:100px;text-align:center}.join-liuchen .liuchenimg img{display:inline-block;width:100%}.cotact-content .cotact-header{line-height:35px;padding-bottom:80px}.cotact-content .cotact-header img{margin:0 auto;display:block;width:100%}.cotact-content .cotact-body{display:flex;padding-bottom:100px}.cotact-content .cotact-body .dev-lef{flex:1;padding-right:15px}.cotact-content .cotact-body .dev-right{width:560px}.cotact-content .cotact-body .dev-right .devli{width:260px;height:260px;position:relative;float:left;background:#f2f2f2;border-radius:20px;margin:0 0 40px 40px}.cotact-content .cotact-body .dev-right .devli:nth-child(1),.cotact-content .cotact-body .dev-right .devli:nth-child(3){margin-left:0}.cotact-content .cotact-body .dev-right .devli .divA p{width:150px;height:150px;border-radius:50%;font-family:SourceHanSans;line-height:150px;color:#fff;font-weight:700;text-align:center;position:absolute;left:50%;top:50%;margin:-75px 0 0 -75px;font-size:30px;transition:all .5s;z-index:2}.cotact-content .cotact-body .dev-right .devli .divA p span{font-size:34px}.cotact-content .cotact-body .dev-right .devli .divA p i{font-size:24px;font-style:normal;display:none}.cotact-content .cotact-body .dev-right .devli .divA .p1{background:#004cf0}.cotact-content .cotact-body .dev-right .devli .divA .p2{background:#ffe605;color:#000}.cotact-content .cotact-body .dev-right .devli .p4{padding:100px 20px 0;font-size:18px;font-family:SourceHanSans;opacity:0;transition:all .5s;position:relative;z-index:1}.cotact-content .cotact-body .dev-right .devli .p5{padding:60px 20px 0;font-size:18px;font-family:SourceHanSans;opacity:0;transition:all .5s}.cotact-content .cotact-body .dev-right .devli:hover .up p{margin-top:-205px;font-size:24px}.cotact-content .cotact-body .dev-right .devli:hover .up p span{display:none}.cotact-content .cotact-body .dev-right .devli:hover .up p i{display:block}.cotact-content .cotact-body .dev-right .devli:hover .down p{top:50%;margin-top:55px;font-size:24px}.cotact-content .cotact-body .dev-right .devli:hover .down p span{display:none}.cotact-content .cotact-body .dev-right .devli:hover .down p i{display:block}.cotact-content .cotact-body .dev-right .devli:hover .p4,.cotact-content .cotact-body .dev-right .devli:hover .p5{opacity:1}.resource-body{padding-bottom:100px}.resource-body .m-slide{height:441px;width:100%;display:flex;border-bottom:1px solid #666;border-left:1px solid #666;position:relative}.resource-body .m-slide .m-slide-left{flex:1;border-top:1px solid #666;border-right:1px solid #666;overflow:hidden}.resource-body .m-slide .m-slide-left img{width:100%}.resource-body .m-slide .m-slide-right{width:600px}.resource-body .m-slide .m-slide-right .m-item{width:300px;height:220px;float:left;border-top:1px solid #666;border-right:1px solid #666;padding:30px 30px 0;transition:all .2s}.resource-body .m-slide .m-slide-right .m-item .title{font-size:22px;font-weight:700;font-family:SourceHanSans;letter-spacing:5px}.resource-body .m-slide .m-slide-right .m-item p{font-size:20px;font-family:SourceHanSans;letter-spacing:5px}.resource-body .m-slide .m-slide-right .m-item i{width:423px;height:439px;position:absolute;display:block;left:0;top:0;opacity:0;transition:all .5s;background-color:#f7f7f7;overflow:hidden;border-top:1px solid #666;border-right:1px solid #666}.resource-body .m-slide .m-slide-right .m-item i img{width:100%}.resource-body .m-slide .m-slide-right .m-item:hover{background:#ffe605}.resource-body .m-slide .m-slide-right .m-item:hover i{opacity:1}.join-story .story{padding-top:30px;padding-bottom:80px}.join-story .story .storySwiper{border-radius:30px;overflow:hidden}.join-story .story .storySwiper .story-item{height:480px;display:flex;border-radius:30px;background:#fff;overflow:hidden}.join-story .story .storySwiper .story-item .story-img{flex:1}.join-story .story .storySwiper .story-item .story-img img{width:100%;height:480px}.join-story .story .storySwiper .story-item .story-text{width:570px;padding:30px 35px 0;position:relative}.join-story .story .storySwiper .story-item .story-text span{display:block;font-size:24px;font-family:SourceHanSans;padding-bottom:15px;font-weight:700}.join-story .story .storySwiper .story-item .story-text span i{display:inline-block;width:20px;height:20px;background-color:#000;margin-right:15px;margin-left:24px;border-radius:50%}.join-story .story .storySwiper .story-item .story-text p{font-size:21px;font-family:SourceHanSans;padding-top:15px;text-indent:24px;letter-spacing:2px}.join-story .story .storySwiper .story-item .story-text .develop-button-next{float:right;width:40px;height:34px;background:url(../images/join/right.jpg) center center no-repeat;background-size:100%;position:absolute;right:40px;bottom:20px;cursor:pointer}