*,html,body{padding:0;margin:0}html,body{width:100%}ul,li{list-style:none}.icon{width:1em;height:1em;vertical-align:-0.15em;fill:currentColor;overflow:hidden}a{color:#fff;text-decoration:none}button{outline:none;border:none;cursor:pointer}.w{width:1200px;margin:0 auto}body{overflow-x:hidden}.index_container{width:100%;background:rgba(139,163,212,0.52);margin:0 auto;position:relative;left:0;height:425px}.fl{float:left}.fr{float:right}.clear{display:block;clear:both}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@keyframes fly{0%{-webkit-transform:translateY(0px);transform:translateY(0px)}25%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}50%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}75%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0px);transform:translateY(0px)}}.fly{-webkit-animation-name:fly;animation-name:fly;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@keyframes bounceIn{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}40%{-webkit-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03)}80%{-webkit-transform:scale3d(0.97, 0.97, 0.97);transform:scale3d(0.97, 0.97, 0.97)}to{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}.bounceIn{-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn}.codechina_index{min-height:100%;font-family:'黑体';letter-spacing:2px}.codechina_index h1,.codechina_index h2,.codechina_index h4{color:#172853;font-weight:700;text-align:center}.codechina_index h3{color:#fff;font-weight:700;font-size:24px !important;text-align:center}.codechina_index h1{font-size:44px !important;letter-spacing:4px}.codechina_index h2{font-size:38px !important}.codechina_index h4{font-size:35px !important;text-align:center;margin:50px auto}.codechina_index fieldset{border:none;border-top:1.5px solid #9f9fa0;text-align:center;left:50%;margin:20px auto;width:260px}.codechina_index fieldset legend{padding:0 33px;font-size:18px;margin:0 auto;color:#9f9fa0;letter-spacing:4px;border-bottom:0;width:unset}.codechina_index .banner_box.swiper-container{width:100%;--swiper-pagination-color: #fff}.codechina_index .banner_box.swiper-container .swiper-slide img{width:100%}.codechina_index .card_box{display:flex;justify-content:space-between;margin:150px auto}.codechina_index .card_box .card_item{width:195px;height:230px;cursor:pointer;position:relative;border-radius:20px;top:0;transition:all 0.3s;box-shadow:1px 1px 5px rgba(0,0,0,0.1);overflow:hidden}.codechina_index .card_box .card_item .icon{width:60px;height:60px;margin:16px auto;display:block;color:#4e5595}.codechina_index .card_box .card_item .icon.shuju{width:50px;height:50px;margin:22px auto}.codechina_index .card_box .card_item .icon.chain{width:55px;height:55px;margin-top:22px;margin-bottom:16px}.codechina_index .card_box .card_item .icon.bg{width:160px;height:160px;position:absolute;right:-36px;bottom:-75px;opacity:0.1}.codechina_index .card_box .card_item .icon.bg.shuju{width:140px;height:140px}.codechina_index .card_box .card_item .icon.bg.chain{width:140px;height:140px;right:-18px;bottom:-58px}.codechina_index .card_box .card_item .title{font-size:30px;font-weight:700;color:#4e5595;text-align:center;line-height:36px}.codechina_index .card_box .card_item .line{position:absolute;width:45px;height:7px;border-radius:7px;background:#4e5595;bottom:12px;left:50%;transform:translateX(-50%);transition:all 0.3s}.codechina_index .card_box .card_item:hover{top:-10px;background:#4e5595;box-shadow:2px 2px 2px 2px rgba(0,0,0,0.1)}.codechina_index .card_box .card_item:hover .icon,.codechina_index .card_box .card_item:hover .title{color:#fff}.codechina_index .card_box .card_item:hover .line{background:#fff;width:156px}.codechina_index .user_box{display:flex;justify-content:space-between;margin-top:50px;margin-bottom:100px}.codechina_index .user_box .user_item h4{margin:50px 0}.codechina_index .pure_bg{height:100%;margin:0 auto;position:absolute;left:50%;width:1920px;transform:translateX(-50%)}.codechina_index .pure_bg .img_l{width:338px;height:500px;position:absolute;left:0;top:0;background:url("./3-eab7fa50aab2bc889651b6e784a436c7c387a088d107b6d90826b22173788035.png") 68px bottom/134px no-repeat,url("./2-e936a9a7973473cc9cd76c6d002fc8caea80a261f5299628a9544aabecfa5956.png") top right/100px no-repeat}.codechina_index .pure_bg .img_r{width:348px;height:100%;position:absolute;right:0;top:-42px;background:url("./1-238cbc1c040a6173c5c051361d0fed79c1ec516a777825fb07ac635209c5fe4f.png") top right/contain no-repeat}.codechina_index .pure_bg .top_card h3{margin:50px 0;letter-spacing:4px}.codechina_index .pure_bg .center_card{height:304px;border-radius:10px;position:absolute;bottom:-100px;left:50%;transform:translateX(-50%);background:#fff;box-shadow:1px 1px 5px rgba(0,0,0,0.1);display:flex;justify-content:space-around;padding:70px 130px;box-sizing:border-box}.codechina_index .pure_bg .center_card .item{width:410px}.codechina_index .pure_bg .center_card .item .icon{width:156px;height:156px;border-radius:50%;border:1px solid #e1dfdf;cursor:pointer}.codechina_index .pure_bg .center_card .item .icon.opencv{background:url("./open_cv-7d5bae427043db31ebd99835448c8a415e950222533219fdabba03be2c8b305a.png") center/102% no-repeat}.codechina_index .pure_bg .center_card .item .icon.tensorflow{background:url("https://codechina.csdn.net/uploads/-/system/project/avatar/123/51735404.png") center/100% no-repeat}.codechina_index .pure_bg .center_card .item .detail{width:224px}.codechina_index .pure_bg .center_card .item .detail .name{font-size:30px;font-weight:700;color:#4e5595;margin:18px 0 10px}.codechina_index .pure_bg .center_card .item .detail .describe{font-size:24px}.codechina_index .pure_bg .center_card .item .detail .describe:hover{color:#000}.codechina_index .pure_bg.second .img_l{width:352px;height:500px;position:absolute;left:0;bottom:0;background:url("./5-52fd0846e2faaae3d815d00f3830f12e39d313f9a3fe3ebcacc76c81eaa542be.png") left 86px bottom 100px/178px no-repeat}.codechina_index .pure_bg.second .img_r{width:348px;height:100%;position:absolute;right:0;top:-60px;background:url("./4-b329798ede649f93f4e18f993c94130d0667f5e401c2ce39f82f648fc38d08d1.png") top right/contain no-repeat}.codechina_index .pure_bg.second .logo_card{width:480px}.codechina_index .pure_bg.second .logo_card .logo_name img{height:50px}.codechina_index .pure_bg.second .logo_card .describe{font-size:26px;margin-top:50px;padding-left:70px;box-sizing:border-box;letter-spacing:2px}.codechina_index .pure_bg.second .logo_card .describe:hover{color:#000}.codechina_index .white_bg .user_box .circle{position:relative;width:240px;height:240px}.codechina_index .white_bg .user_box .circle canvas{width:100%;height:100%}.codechina_index .white_bg .user_box .circle .user_num{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:28px;font-weight:700;color:#219d8c;letter-spacing:2px}.codechina_index .white_bg .user_box .circle .user_num .animated{display:none}.codechina_index .white_bg .graph{margin-bottom:50px;position:relative}.codechina_index .white_bg .graph li{height:60px;border-left:2px solid #cac9c9;border-bottom:1px solid #cac9c9}.codechina_index .white_bg .graph li:last-child{border-bottom:2px solid #cac9c9}.codechina_index .white_bg .graph .graph_bar{display:flex;justify-content:space-around;align-items:flex-end;position:absolute;top:0;left:20px;height:100%;width:100%}.codechina_index .white_bg .graph .graph_bar .bar{width:50px;background:#4e5595;position:relative;height:0;transition:height 0.8s}.codechina_index .white_bg .graph .graph_bar .bar span{display:none;color:#6a6b6b;font-size:22px;position:absolute;top:-40px;left:50%;transform:translateX(-50%);font-weight:700;white-space:nowrap}.codechina_index .white_bg .graph .graph_bar.active .bar:nth-child(1){height:470px}.codechina_index .white_bg .graph .graph_bar.active .bar:nth-child(2){height:370px}.codechina_index .white_bg .graph .graph_bar.active .bar:nth-child(3){height:284px}.codechina_index .white_bg .graph .graph_bar.active .bar:nth-child(4){height:240px}.codechina_index .white_bg .graph .graph_bar.active .bar:nth-child(5){height:215px}.codechina_index .white_bg .graph .graph_bar.active .bar:nth-child(6){height:195px}.codechina_index .white_bg .graph .graph_bar.active .bar:nth-child(7){height:152px}.codechina_index .white_bg .graph .graph_bar.active .bar:nth-child(8){height:116px}.codechina_index .white_bg .graph .graph_bar.active .bar:nth-child(9){height:90px}.codechina_index .white_bg .tips{text-align:right;margin-bottom:100px;color:#6a6b6b;font-size:23px;letter-spacing:1px}.codechina_index .white_bg.padding-top{padding-top:250px}.codechina_index .white_bg.padding-top h2{margin:50px 0;letter-spacing:6px}.codechina_index .white_bg.padding-top h2:first-child{margin-top:0}.codechina_index .white_bg.padding-top a:hover{text-decoration:none}.codechina_index .white_bg.padding-top a{width:260px;display:block;margin:0 auto}.codechina_index .white_bg.padding-top a .join_us{outline:none;border:none;width:100%;height:70px;line-height:70px;color:#fff;font-size:28px;background:#0f7c78;display:block;margin:100px auto;border-radius:70px;letter-spacing:2px;transition:all 0.1s;box-shadow:2px 2px 5px rgba(0,0,0,0.2)}.codechina_index .white_bg.padding-top a .join_us:hover{font-weight:500}.codechina_index footer.csdn_index_footer{height:300px;padding:50px 0;box-sizing:border-box}.codechina_index footer.csdn_index_footer .pure_bg{height:unset}.codechina_index footer.csdn_index_footer p{margin:50px 0;text-align:center}.codechina_index footer.csdn_index_footer p a{display:inline-block;margin:0 20px}.codechina_index footer.csdn_index_footer p a:hover{color:#fff}