body { overflow-x: hidden; } /* element滚动条组件 隐藏水平滚动条 */ .el-scrollbar__wrap { overflow-x: hidden; } .el-scrollbar__thumb, .el-scrollbar__thumb:hover { background-color: #adcdde; } header { width: 100%; position: fixed; top: 0; left: 0; z-index: 999; background: transparent; } header .main { height: 80px; line-height: 80px; } header .main img { width: 200px; margin-top: 10px; } header .main ul { float: right; } header .main ul li { display: inline-block; color: #fff; padding: 0 15px; } header .main ul .active span, header .main ul li span { position: relative; } header .main ul li span::before { position: absolute; bottom: -10px; left: 50%; content: ''; width: 0; height: 2px; background: #fff; transition: all ease-in-out 0.5s; } header .main ul .active span::before, header .main ul li:hover span::before { width: 100%; left: 0%; } .header-scroll { background: #fff; box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%); } .header-scroll .main ul li span { color: #221815; } .header-scroll .main ul li span::before { background: currentcolor; } nav { position: fixed; top: 25%; right: 50px; z-index: 9; } nav ul li { margin-top: 5px; position: relative; text-align: center; } nav ul li .hover { display: none; } nav ul li:hover .hover { width: 100px; display: block; position: absolute; top: -20px; left: -100px; } nav ul li img { width: 80px; height: 80px; } nav ul li .znkfimg { width: 160px; height: 160px; } nav ul li .kfinfo { width: 300px !important; height: 90px; } .tip-slide { position: fixed; bottom: 50px; left: 0; z-index: 9; } .tip-slide img { width: 90px; } .swiper-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto; } .pos-mid { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .common-ul li { padding: 9px 0 10px 20px; position: relative; } .common-ul li::before { width: 8px; height: 8px; background: #c2c4c5; border-radius: 50%; position: absolute; top: 17px; left: 5px; content: ''; } .common-ul li h2 { color: #333; font-size: 16px; width: 85%; display: inline-block; } .common-ul li p { color: #999; font-size: 14px; margin: 15px 0; } .common-ul li span { font-size: 14px; color: #999999; line-height: 24px; } .common-ul li:hover h2 { color: #1391df; } #certify { position: relative; } #certify .swiper-slide { width: 456px; height: 317px; background: #fff; box-shadow: 0 8px 30px #ddd; } #certify .swiper-slide img { display: block; width: 100%; height: 100%; } #certify .swiper-slide p { text-align: center; color: #fff; font-size: 16px; background: rgba(0, 0, 0, 0.5); padding: 10px 20px; position: absolute; width: 100%; bottom: 0; left: 0; } #certify .swiper-button-prev { background: url(/uploads/image/rcrrinew2022/arr_left.png) no-repeat; } #certify .swiper-button-next { background: url(/uploads/image/rcrrinew2022/arr_right.png) no-repeat; } /* 纵向滚动 */ .scroll_vertical { position: relative; height: 340px; } .scroll_vertical:hover .prev, .scroll_vertical:hover .next { display: block; } .scroll_vertical ul { position: absolute; top: 0; left: 0; } .scroll_vertical .box { overflow: hidden; position: relative; height: 100%; } .scroll_vertical .prev, .scroll_vertical .next { position: fixed; left: 75%; z-index: 1; display: none; } .scroll_vertical .prev { top: 79px; } .scroll_vertical .next { top: 368px; } .num0-input { margin: 30px auto 50px; position: relative; width: 600px; } .num0-input .el-input__inner { height: 45px; padding: 0 30px; background: #ffffff; border: 1px solid #39a0ef; border-radius: 23px; } .num0-input .el-input__inner::placeholder { color: #fff; } .num0-input .el-input__suffix { top: 7px; right: 20px; } .num0-input .el-input__suffix img { width: 30px; cursor: pointer; } .num0-input .input-hot { color: #fff; font-size: 16px; margin-top: 15px; } .num0-input .input-hot span { font-size: 14px; color: #cd260f; } .el-row .list-item { display: inline-block; width: 100%; height: 390px; position: relative; } .el-row .list-item .news-swiper .swiper-wrapper .swiper-slide { height: 100%; cursor: pointer; } .el-row .list-item .news-swiper .swiper-wrapper .swiper-slide img { width: 100%; height: 100%; } .el-row .list-item .news-swiper .swiper-wrapper .swiper-slide .swiper-text { position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; line-height: 50px; padding: 0 15px; color: #fff; background: rgba(0, 0, 0, 0.6); } .el-row .list-item .news-swiper .swiper-pagination { left: initial; right: 0; bottom: 15px; width: 85px; } .el-row .list-item .news-swiper .swiper-pagination-bullet-active { background: #e12525 !important; } .el-row .list-item .news-swiper .swiper-pagination-bullet { background: #fff; opacity: 1; } .el-row .list-item .el-tabs { padding: 20px; } .el-row .list-item .el-tabs__content { height: 316px; } .el-row .list-item .el-tabs__item { color: #221815; font-size: 18px; } .el-row .list-item .el-tabs__item.is-active { color: #027ecb; font-weight: bold; } .el-row .list-item .el-tabs__nav-wrap::after { background-color: #e3e3e3; } .el-row .list-item .list-more { position: absolute; top: 30px; right: 30px; z-index: 1; } .el-row .list-item ul { height: 100%; width: 100%; } .el-row .list-item ul li { display: flex; align-items: center; padding: 8px 0; } .el-row .list-item ul li a { align-items: center; } .el-row .list-item ul li img { width: 20px; height: 20px; margin-right: 5px; } .el-row .list-item ul li:hover .text { color: #1391df; } .el-row .list-item ul li .date { flex: 1; min-width: 60px; height: 60px; background: url(/uploads/image/rcrrinew2022/img_date.png) no-repeat; background-size: cover; margin-right: 20px; font-family: mydate; text-align: center; font-size: 18px; padding: 5px; } .el-row .list-item ul li .date p { font-family: mydate; font-size: 26px; } .el-row .list-item ul li span { color: #999; font-size: 14px; } .el-row .list-item ul li .text { flex: 9; color: #221815; font-size: 16px; line-height: 28px; } .page-fixed { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: no-repeat; background-size: cover; } #fullpage { position: relative; z-index: 1; } #fullpage .main { width: 1200px; margin: auto; } #fullpage #num_0 { background: no-repeat; background-size: cover; padding: 100px 0 10px; position: relative; } #fullpage #num_0 .headlines { padding: 20px 30px; margin: 20px 0; background: #fff; position: relative; } #fullpage #num_0 .headlines:hover { box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } #fullpage #num_0 .headlines:hover h2 { color: #1391df; } #fullpage #num_0 .headlines img { position: absolute; top: 0; left: 0; width: 55px; } #fullpage #num_0 .headlines h2 { color: #221815; font-size: 26px; text-align: center; font-weight: 600; } #fullpage #num_0 .headlines p { margin-top: 10px; color: #888888; font-size: 14px; line-height: 22px; } #fullpage #num_0 .headlines, #fullpage #num_0 .main { position: relative; z-index: 2; } #fullpage #num_0 #particles { position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; height: 600px; overflow: hidden; } #fullpage #num_1 { background: no-repeat; background-size: cover; padding-top: 10px; } #fullpage #num_1 .main { margin: auto; } #fullpage #num_1 .main .el-row .el-col-12 .content { background: #fff; padding: 15px; position: relative; } #fullpage #num_1 .main .el-row .el-col-12 .content .num-title { color: #221815; font-size: 20px; font-weight: bold; } #fullpage #num_1 .main .el-row .el-col-12 .content .policy-tab { margin: 10px 0; } #fullpage #num_1 .main .el-row .el-col-12 .content .policy-tab img { width: 100%; } #fullpage #num_1 .main .el-row .el-col-12 .content ul li .type { width: 63px; height: 22px; background: #e2f0f9; border: 1px solid #a4d2f3; border-radius: 3px; color: #0073c6; font-size: 12px; text-align: center; } #fullpage #num_1 .main .el-row .el-col-12 .content .declare-swiper { margin: 10px 0 45px; } #fullpage #num_1 .main .el-row .el-col-12 .content .declare-swiper .swiper-wrapper .swiper-slide { height: 252px; } #fullpage #num_1 .main .el-row .el-col-12 .content .declare-swiper .swiper-wrapper .swiper-slide img { width: 100%; height: 100%; } #fullpage #num_1 .main .el-row .el-col-12 .content .swiper-pagination { bottom: 120px; width: 100%; } #fullpage #num_1 .main .el-row .el-col-12 .content .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 10px; } #fullpage #num_2 { background: #f2f2f2; position: relative; height: 600px; background: no-repeat center; background-size: cover; } @keyframes leftbottom { from { transform: translate(-500px, 600px); } to { transform: translate(0, 0); } } @keyframes righttop { from { transform: translate(500px, -600px); } to { transform: translate(0, 0); } } @keyframes righttopline { from { transform: translate(1620px, -600px) rotate(-20deg); } to { transform: translate(0, 0) rotate(-19.5deg); } } @keyframes leftbottomline { from { transform: translate(-500px, 150px) rotate(-23deg); } to { transform: translate(0, 0) rotate(-23deg); } } #fullpage #num_2 .alliance { position: absolute; bottom: 0; left: 0; width: 50%; height: 200px; background: no-repeat center; background-size: cover; cursor: pointer; } #fullpage #num_2 .alliance img { position: absolute; top: 80px; right: 80px; width: auto; } #fullpage #num_2 .alliance img:last-child { top: 140px; right: 175px; } #fullpage #num_2 .main { padding: 0 20px 20px; overflow: hidden; position: relative; height: 100%; } #fullpage #num_2 .main .leftbottom { animation: leftbottom 1s ease-in-out; animation-fill-mode: forwards; position: absolute; top: 0; left: 0; width: 75%; height: 55%; background: url(/uploads/image/rcrrinew2022/yzs_left.png) no-repeat center; background-size: 100% 100%; } #fullpage #num_2 .main .main-item { background: url(/uploads/image/rcrrinew2022/yzs_robot_bg.png) no-repeat; background-size: 100% 100%; padding: 15px; width: 245px; height: 225px; position: absolute; top: 25%; left: 2%; } #fullpage #num_2 .main .main-item h2 { color: #fff; font-size: 20px; font-weight: bold; text-align: center; } #fullpage #num_2 .main .main-item p { color: #fff; font-size: 16px; text-align: center; margin: 10px 0; } #fullpage #num_2 .main .main-item .btn-t { display: inline-block; vertical-align: top; padding: 20px 0px; } #fullpage #num_2 .main .main-item .btn-t .btn { cursor: pointer; width: 90px; height: 35px; line-height: 35px; background: linear-gradient(180deg, #48abe9, #027ecb); border: 1px solid #027ecb; border-radius: 17px; color: #fff; font-size: 14px; text-align: center; } #fullpage #num_2 .main .main-item .btn-t .btn img { width: 20px; vertical-align: middle; } #fullpage #num_2 .main .main-item .btn-t .btn1 { background: linear-gradient(180deg, #69b649, #0f8673); margin-top: 20px; } #fullpage #num_2 .main .item1 { background: url(/uploads/image/rcrrinew2022/yzs_hc.png) no-repeat; background-size: 100% 100%; top: -65px; left: 25%; padding: 90px 0; transform: rotate(19.5deg); width: 260px; height: 300px; cursor: pointer; } #fullpage #num_2 .main .item1::before { width: 100%; height: 10px; position: absolute; top: 40px; right: -18px; content: ''; background: #fff; transform: rotate(-19.5deg); } #fullpage #num_2 .main .item1 h2, #fullpage #num_2 .main .item1 p { color: #267fb4; } #fullpage #num_2 .main .item1 img { width: 200px; margin-left: 40px; } #fullpage #num_2 .main .line { border: 2px solid #bae1f9; width: 1200px; position: absolute; z-index: 2; } #fullpage #num_2 .main .left-line { top: 23%; right: 5%; animation: righttopline 2s ease-in-out; animation-fill-mode: forwards; } #fullpage #num_2 .main .right-line { width: 320px; bottom: 5%; right: 25%; animation: leftbottomline 2s ease-in-out; animation-fill-mode: forwards; } #fullpage #num_2 .main .righttop { animation: righttop 1s ease-in-out; animation-fill-mode: forwards; position: absolute; bottom: 0; right: 0; width: 500px; } #fullpage #num_2 .main .righttop img { width: 100%; } #fullpage #num_2 .main .main-title { color: #fff; font-size: 20px; font-weight: bold; padding: 10px 0; font-style: italic; position: relative; z-index: 1; } #fullpage #num_2 .main .mar-title { color: #333; font-size: 16px; font-weight: bold; position: absolute; top: -5px; right: 0; width: 80px; overflow: hidden; } #fullpage #num_2 .main .mar-title a { text-align: right; } #fullpage #num_2 .main .mar-title a:hover span { animation: arrmove 1s infinite ease-in-out; } @keyframes arrmove { 0% { transform: translatey(-15px) rotate(90deg); } 100% { transform: translatey(15px) rotate(90deg); } } #fullpage #num_2 .main .mar-title span { color: #adcdde; position: absolute; top: 5px; transform: rotate(90deg); } #fullpage #num_2 .main .mar-title div { width: 80px; } #fullpage #num_2 .main .market-list { width: 50%; position: absolute; top: 120px; right: 0; } #fullpage #num_2 .main .el-tabs--left .el-tabs__header.is-left { background: url(/uploads/image/rcrrinew2022/img_bg_left.png) no-repeat; background-size: cover; } #fullpage #num_2 .main .el-tabs__item { color: #000000; height: 35px; line-height: 35px; } #fullpage #num_2 .main .el-tabs__item.is-active { z-index: 10; color: #fff; } #fullpage #num_2 .main .el-tabs__nav-wrap::after { height: 0; } #fullpage #num_2 .main .el-tabs__active-bar { background: url(/uploads/image/rcrrinew2022/img_m_a.png) no-repeat; background-size: 100% 100%; background-color: transparent; width: 130px; height: 35px !important; z-index: 2; left: 5px; } #fullpage #num_2 .main .el-tabs__nav-wrap, #fullpage #num_2 .main .el-tabs__nav-scroll { overflow: initial; } #fullpage #num_2 .main ul { padding: 10px; } #fullpage #num_2 .main ul li { border-bottom: 3px solid #e3f0f8; padding: 5px 10px; } #fullpage #num_2 .main ul li:last-child { border-bottom: none; } #fullpage #num_2 .main ul li:hover { background: #f3f3f3; } #fullpage #num_2 .main ul li h2 { color: #333; font-size: 16px; font-weight: bold; height: 23px; } #fullpage #num_2 .main ul li p { color: #333; font-size: 14px; margin: 10px 0; } #fullpage #num_2 .main ul li p img { width: 20px; vertical-align: middle; } #fullpage #num_3 { position: relative; background: no-repeat; background-size: cover; padding: 5px 0; } #fullpage #num_3 .main { margin: 30px auto; } #fullpage #num_3 .main .map { height: 420px; background: url(/uploads/image/rcrrinew2022/img_bg_map.png) no-repeat; background-size: cover; margin-top: 20px; padding: 20px; } #fullpage #num_3 .main .map h3 { color: #221815; font-size: 20px; font-weight: bold; } #fullpage #num_3 .main .map .zxl { background: no-repeat; background-size: cover; height: 110px; color: #fff; font-size: 16px; padding-top: 75px; text-align: center; margin: 10px 0; cursor: pointer; } #fullpage #num_3 .main .map .hot-demand { color: #333; font-size: 16px; font-weight: bold; margin-top: 10px; } #fullpage #num_3 .main .cai { background: #fff; } #fullpage #num_4 { background: #f3f3f3; } #fullpage #num_4 .trade-zone { background: no-repeat; background-size: cover; cursor: pointer; } #fullpage #num_4 .trade-zone h2 { color: #fff; font-size: 26px; font-weight: bold; font-style: italic; margin: 10px 0; } #fullpage #num_4 .trade-zone img { transition: all ease-in 0.5s; } #fullpage #num_4 .trade-zone img:hover { transform: rotatey(-360deg); } #fullpage #num_4 .main { padding: 20px; position: relative; } #fullpage #num_4 .main .img-more { position: absolute; top: 35px; right: 30px; z-index: 2; } #fullpage #num_4 .main .el-tabs__item { font-size: 20px; color: #221815; } #fullpage #num_4 .main .el-tabs__item.is-active { font-weight: bold; color: #0073c6; } #fullpage #num_4 .main .el-tabs__active-bar { background-color: #0073c6; } #fullpage #num_4 .main .el-tabs__nav-wrap::after { height: 0; } #fullpage #num_4 .main .space { background: no-repeat; background-size: cover; padding: 20px; } #fullpage #num_4 .main .space fieldset { padding: 50px 20px 0; border-radius: 5px; border-color: #216ace; } #fullpage #num_4 .main .space fieldset legend { color: #216ace; font-size: 20px; font-weight: bold; text-align: center; } #fullpage #num_4 .main .space fieldset .step-item { color: #2288d7; font-size: 14px; text-align: center; width: 90px; height: 100px; padding-top: 10px; background: #ffffff; border: 1px solid; border-image: linear-gradient(-52deg, #38a7f8, #139bd0) 1 1; border-radius: 5px; display: inline-block; } #fullpage #num_4 .main .space fieldset .step-item img { width: 60px; } #fullpage #num_4 .main .space fieldset .arr-kj { margin: 5px; width: 25px; } #fullpage #num_4 .main .space fieldset .btn-pp { width: 139px; margin: 40px auto 30px; height: 33px; line-height: 33px; background: linear-gradient(0deg, #1d94e9, #267fca); color: #fff; text-align: center; cursor: pointer; } #fullpage #num_4 .main .space .space-tab { width: 100%; height: 40px; line-height: 40px; color: #333; padding: 0 20px; margin-top: 20px; background: #ffffff; font-size: 14px; } #fullpage #num_4 .main .space .space-tab:first-child { margin-top: 40px; } #fullpage #num_4 .main .space .space-tab-a, #fullpage #num_4 .main .space .space-tab:hover { color: #ffff; background: no-repeat; background-size: cover; cursor: pointer; } #fullpage #num_4 .main .space ul { background: #fff; padding: 15px; } #fullpage #num_4 .main .space ul li img { width: 20px; margin-right: 5px; } #fullpage #num_4 .main .space ul li:hover .li-text h2 { color: #1391df; } #fullpage #num_4 .main .space ul li .li-text { width: 350px; display: inline-block; vertical-align: top; } #fullpage #num_4 .main .space ul li .li-text h2 { font-size: 16px; color: #333; line-height: 22px; } #fullpage #num_4 .main .space ul li .li-text p { color: #999; font-size: 14px; line-height: 20px; margin: 10px 0; } #fullpage #num_4 .main .talent-style { height: 320px; position: relative; } #fullpage #num_4 .main .talent-style .swiper-container { width: 100%; height: 300px; margin-left: auto; margin-right: auto; } #fullpage #num_4 .main .talent-style .swiper-slide { background-size: cover; background-position: center; } #fullpage #num_4 .main .talent-style .swiper-slide img { width: 30%; height: 100%; margin-right: 10px; } #fullpage #num_4 .main .talent-style .swiper-button-prev { background: url(/uploads/image/rcrrinew2022/arr_left.png) no-repeat; } #fullpage #num_4 .main .talent-style .swiper-button-next { background: url(/uploads/image/rcrrinew2022/arr_right.png) no-repeat; } #fullpage #num_4 .main .talent-style .swiper-button-next, #fullpage #num_4 .main .talent-style .swiper-button-prev { top: 140%; z-index: 11; } #fullpage #num_4 .main .talent-style .swiper-pagination { width: 100%; bottom: -10px; } #fullpage #num_4 .main .talent-style .swiper-pagination-bullet { width: 14px; height: 14px; margin: 0 5px; } #fullpage #num_4 .main .talent-style .gallery-top { height: 100%; width: 100%; } #fullpage #num_4 .main .talent-style .gallery-thumbs { height: 35%; width: 68%; position: absolute; bottom: 100px; right: 0; z-index: 1; padding: 5px 0; } #fullpage #num_4 .main .talent-style .gallery-thumbs .content-gallery-top h2 { font-size: 16px; } #fullpage #num_4 .main .talent-style .gallery-thumbs-container { position: absolute; bottom: 40px; left: 65%; transform: translate(-50%); width: 25%; z-index: 1; } #fullpage #num_4 .main .talent-style .gallery-thumbs .swiper-slide { box-shadow: 0 0 5px #cfcece; height: 100%; padding: 10px; } #fullpage #num_4 .main .talent-style .content-gallery-top { display: inline-block; width: 60%; vertical-align: top; } #fullpage #num_4 .main .talent-style .content-gallery-top h2 { font-size: 18px; color: #333; margin: 10px 0; } #fullpage #num_4 .main .talent-style .content-gallery-top h2 span { margin: 0 10px; } #fullpage #num_4 .main .talent-style .content-gallery-top h2 span, #fullpage #num_4 .main .talent-style .content-gallery-top p { font-size: 14px; color: #999; line-height: 20px; } #fullpage #num_5 { position: relative; background: #f3f3f3; padding: 25px 0; } #fullpage #num_5 .main { background: #fff; padding: 25px; margin: auto; } #fullpage #num_5 .main .el-tabs__nav-wrap { padding-bottom: 10px; } #fullpage #num_5 .main .el-tabs__nav-wrap::after { background-color: #efefef; } #fullpage #num_5 .main .el-tabs__active-bar { height: 0; } #fullpage #num_5 .main .el-tabs__item.is-active, #fullpage #num_5 .main .el-tabs__item:hover { color: #0073c6; font-weight: bold; } #fullpage #num_5 .main .el-tabs__item { color: #333; font-size: 18px; height: auto; line-height: normal; border-right: 1px solid #333; } #fullpage #num_5 .main .el-tabs__item:last-child { border-right: none; } #fullpage #num_5 .main ul li { display: inline-block; font-size: 14px; color: #333333; padding: 10px 20px; } #fullpage #num_5 .main ul li:hover { color: #1391df; } #fullpage #num_5 .fp-tablecell { position: relative; } footer { background: #246fce; text-align: center; height: 100px; line-height: 100px; color: #fff; } @keyframes rotate360 { from { transform: rotate(0); -ms-transform: rotate(0); /* ie 9 */ -webkit-transform: rotate(0); /* safari and chrome */ } to { transform: rotate(360deg); -ms-transform: rotate(360deg); /* ie 9 */ -webkit-transform: rotate(360deg); /* safari and chrome */ } }