@import "../../static-qianhai/style/main.css"; @import "components/PolicyResponse/index.css"; @keyframes demo1 { 0% { transform: translate(-60rem); opacity: 0; } 100% { transform: translate(0); opacity: 1; } } @keyframes demo2 { 0% { transform: translate(60rem); opacity: 0; } 100% { transform: translate(0); opacity: 1; } } div { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } span { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .policy-home { width: 100%; margin: 0 auto; } .policy-home .policy-home-body .policy-home-banner { display: flex; flex-direction: row; margin-top: 40rem; width: 1400rem; gap: 29rem; } .policy-home .policy-home-body .policy-home-banner .policy-home-banner-item { width: 447rem; height: 130rem; position: relative; cursor: pointer; } .policy-home .policy-home-body .policy-home-banner .policy-home-banner-item .bg { position: absolute; top: 0; left: 0; width: 447rem; height: 130rem; } .policy-home .policy-home-body .policy-home-banner .policy-home-banner-item .jian { position: absolute; width: 42rem; height: 42rem; top: 44rem; left: 251rem; } .policy-home .policy-home-body .policy-home-banner .policy-home-banner-item .banner-big-text { position: absolute; top: 29rem; left: 45rem; height: 39rem; font-size: 32rem; font-family: "DingTalk-JinBuTi", "DingTalk-JinBuTi"; font-weight: 400; color: #FFFFFF; line-height: 39rem; } .policy-home .policy-home-body .policy-home-banner .policy-home-banner-item .banner-small-text { position: absolute; left: 45rem; bottom: 29rem; height: 23rem; font-size: 19rem; font-family: "Lucida Grande", "Alibaba PuHuiTi 2.0-55 Regular", "Alibaba PuHuiTi 20"; font-weight: 400; color: #FFFFFF; line-height: 23rem; } .policy-home .policy-home-body .search-wrapper { width: 860rem; height: 56rem; background: rgba(255, 255, 255, 0.8); border-radius: 8rem 8rem 8rem 8rem; opacity: 1; border: 3rem solid #DFE0E7; margin-bottom: 46rem; display: flex; flex-direction: row; } .policy-home .policy-home-body .search-wrapper .search-input-wrapper { flex: 1; display: flex; flex-direction: row; } .policy-home .policy-home-body .search-wrapper .search-input-wrapper input { border: 0; padding: 0; } .policy-home .policy-home-body .search-wrapper .search-input-wrapper .search-input { display: flex; align-items: center; padding: 0 20rem; } .policy-home .policy-home-body .search-wrapper .search-btn { width: 120rem; height: 56rem; background: linear-gradient(90deg, #00A6FF 0%, #002BFF 100%); border-radius: 8rem 8rem 8rem 8rem; display: flex; justify-content: center; align-items: center; font-size: 20rem; font-family: "Lucida Grande", "Alibaba PuHuiTi 2.0", "Alibaba PuHuiTi 20"; font-weight: 400; color: #FFFFFF; line-height: 24rem; position: relative; top: -3rem; left: 0rem; cursor: pointer; } .policy-home .policy-home-body .policy-carousel .el-carousel__arrow--left { background: transparent; border: none; } .policy-home .policy-home-body .policy-carousel .el-carousel__arrow--left .el-icon-arrow-left { font-size: 36rem; color: rgba(30, 156, 255, 0.47); } .policy-home .policy-home-body .policy-carousel .el-carousel__arrow--left .el-icon-arrow-right { font-size: 36rem; color: rgba(30, 156, 255, 0.47); } .policy-home .policy-home-body .policy-carousel .el-carousel__arrow--right { background: transparent; border: none; } .policy-home .policy-home-body .policy-carousel .el-carousel__arrow--right .el-icon-arrow-left { font-size: 36rem; color: rgba(30, 156, 255, 0.47); } .policy-home .policy-home-body .policy-carousel .el-carousel__arrow--right .el-icon-arrow-right { font-size: 36rem; color: rgba(30, 156, 255, 0.47); } .policy-home .policy-home-body .policy-carousel ul.el-carousel__indicators { left: auto; right: 20rem; bottom: 21rem; display: flex; align-items: center; } .policy-home .policy-home-body .policy-carousel ul.el-carousel__indicators li.el-carousel__indicator { padding: 0; margin-left: 14rem; } .policy-home .policy-home-body .policy-carousel ul.el-carousel__indicators li.el-carousel__indicator .el-carousel__button { width: 12rem; height: 12rem; border-radius: 50%; background: #b4b6b7; opacity: 1; } .policy-home .policy-home-body .policy-carousel ul.el-carousel__indicators li.el-carousel__indicator.is-active .el-carousel__button { width: 29rem; height: 7rem; background: #ffffff; border-radius: 4rem; } .policy-home .policy-home-body .policy-carousel img { width: 10000rem; height: 10000rem; max-width: 100%; max-height: 100%; } .policy-home .policy-home-body .policy-carousel img:hover { transform: scale(1.2); } .policy-home .policy-home-body .area-point { display: flex; align-items: center; justify-content: center; margin-top: 30rem; } .policy-home .policy-home-body .area-point .point { width: 7rem; height: 7rem; background: #b4b6b7; border-radius: 4rem; margin-right: 7rem; cursor: pointer; } .policy-home .policy-home-body .area-point .active { width: 29rem; height: 7rem; background: var(--theme-color); border-radius: 4rem; } .policy-home .policy-home-body .area-module { width: 1336rem; padding-top: 47rem; display: flex; align-items: center; transition: margin-left 0.5s; } .policy-home .policy-home-body .area-module .show-item { min-width: 320rem; height: 172rem; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #000000; cursor: pointer; box-shadow: 0px 2rem 8rem 0px rgba(0, 0, 0, 0.09); border-radius: 6rem; margin-right: 16rem; background-color: #ffffff; background-image: linear-gradient(180deg, rgba(35, 79, 255, 0) 159rem, var(--theme-color) 100%); } .policy-home .policy-home-body .area-module .show-item .tips { margin-top: 20rem; height: 28rem; font-size: 20rem; font-family: "PingFangSC-Medium, PingFang SC"; font-weight: 500; color: #333333; line-height: 28rem; } .policy-home .policy-home-body .area-module .show-item .tips > span { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 200rem; text-align: center; } .policy-home .policy-home-body .area-module .show-item:first-child { margin-left: 1rem; } .policy-home .policy-home-body .area-module .show-item:last-child { margin-right: 0; } .policy-home .policy-home-body .area-module .show-item:nth-of-type(1) { animation: demo1 0.5s ease-out forwards; animation-iteration-count: 1; animation-delay: 0.2s; } .policy-home .policy-home-body .area-module .show-item:nth-of-type(2) { animation: demo1 0.5s ease-out forwards; animation-iteration-count: 1; } .policy-home .policy-home-body .area-module .show-item:nth-child(3) { animation: demo2 0.5s ease-out forwards; animation-iteration-count: 1; } .policy-home .policy-home-body .area-module .show-item:nth-child(4) { animation: demo2 0.5s ease-out forwards; animation-iteration-count: 1; animation-delay: 0.2s; } .policy-home .policy-home-body .area-module .show-item:hover { transform: scale(0.9); border: none; background-image: linear-gradient(360deg, var(--theme-color) 0%, #5978f7 99%); color: #fff !important; } .policy-home .policy-home-body .area-module .show-item:hover .tips { color: #fff !important; } .policy-home .policy-home-body .area-module .show-item img { max-width: 60rem; max-height: 60rem; } .policy-home .policy-home-body .belt-and-road-initiative { width: 100%; margin: 40rem 0; } .policy-home .policy-home-body .policy-home-content { display: flex; justify-content: space-between; } .policy-home .policy-home-body .policy-home-content .left { width: 100%; } .policy-home .policy-home-body .policy-home-content .left .tips-wrapper { margin-bottom: 36rem; } .policy-home .policy-home-body .policy-home-content .left .left-first { position: relative; border-radius: 6rem; padding: 20rem 0rem 0rem; margin-bottom: 25rem; background-image: url(/img/policy-ku-bg.png); background-repeat: no-repeat; background-size: 1400rem auto; border-right: 1rem solid #e3e5e8; border-left: 1rem solid #e3e5e8; border-top: 1rem solid #e3e5e8; } .policy-home .policy-home-body .policy-home-content .left .left-first::before { content: ''; position: absolute; height: 2rem; width: 1396rem; background-color: #f0c562; left: 2rem; top: -2rem; } .policy-home .policy-home-body .policy-home-content .left .left-first::after { content: ''; position: absolute; height: 2rem; width: 1396rem; background-color: #f0c562; left: 2rem; bottom: -3rem; } .policy-home .policy-home-body .policy-home-content .left .left-first .launch-btn { position: absolute; top: 30rem; right: 22rem; cursor: pointer; width: 72rem; height: 38rem; background: linear-gradient(90deg, #00A6FF 0%, #002BFF 100%); border-radius: 3rem 3rem 3rem 3rem; display: flex; flex-direction: row; justify-content: center; align-items: center; color: white; font-size: 18rem; font-family: "Source Han Sans-Normal", "Source Han Sans"; font-weight: 350; color: #FFFFFF; line-height: 24rem; } .policy-home .policy-home-body .policy-home-content .left .left-first.orange { background-color: #fff6ee; } .policy-home .policy-home-body .policy-home-content .left .left-first.blue { background-color: #f2f9ff; } .policy-home .policy-home-body .policy-home-content .left .more-box { font-size: 14rem; font-family: PingFangSC-Regular, PingFang SC; font-size: 16rem; font-weight: 400; margin-bottom: 20rem; } .policy-home .policy-home-body .policy-home-content .left .more-box > span { color: #888888; } .policy-home .policy-home-body .policy-home-content .left .more-box > span > span { font-family: DingTalk-JinBuTi-Regular, DingTalk-JinBuTi; } .policy-home .policy-home-body .policy-home-content .left .more-box a { color: var(--theme-color); margin-left: 16rem; } .policy-home .policy-home-body .policy-home-content .left .feature-more { font-size: 22rem; font-weight: 400; color: rgba(51, 51, 51, 0.6); cursor: pointer; user-select: none; letter-spacing: 2rem; margin-left: 55rem; } .policy-home .policy-home-body .policy-home-content .left .filter-tags-body { overflow: hidden; } .policy-home .policy-home-body .policy-home-content .left .filter-tags-body .reset-btn { width: 100rem; background-color: var(--theme-color); font-size: 20rem; color: #ffffff; } .tiled-select .tiled-select-item { background-color: transparent !important; } .tiled-select .tiled-select-item-active, .tiled-select .tiled-select-item-active span { color: var(--theme-color) !important; font-weight: bold; } .tiled-select .select-shrink { background-color: transparent !important; } .tiled-select .label { font-size: 20rem; font-family: "Lucida Grande", "Alibaba PuHuiTi 2.0", "Alibaba PuHuiTi 20"; font-weight: 400; color: #666666; } .filter-reset { padding: 20rem 40rem !important; border-top: 1rem dashed #DFDFDF; } .tiled-select { padding-left: 30rem; padding-right: 30rem; } .filter-reset-tag-right { display: flex; flex-direction: row; } .filter-reset-tag-right .policy-wrapper { display: flex; flex-direction: row; } .filter-reset-tag-right .policy-wrapper .policy-input-wrapper { display: flex; flex-direction: row; background: #FFFFFF; border-radius: 4rem 4rem 4rem 4rem; opacity: 1; border: 1rem solid var(--theme-color); width: 260rem; justify-content: space-between; } .filter-reset-tag-right .policy-wrapper .policy-input-wrapper .policy-input { width: 152rem; font-size: 18rem; font-family: "Lucida Grande", "Alibaba PuHuiTi 2.0", "Alibaba PuHuiTi 20"; font-weight: 400; color: #888888; line-height: 24rem; width: 90%; } .filter-reset-tag-right .policy-wrapper .policy-input-wrapper .policy-input input { border: 0; } .filter-reset-tag-right .policy-wrapper .policy-input-wrapper .policy-input input::placeholder { font-size: 18rem; font-family: "Lucida Grande", "Alibaba PuHuiTi 2.0", "Alibaba PuHuiTi 20"; font-weight: 400; color: #888888; } .filter-reset-tag-right .policy-wrapper .policy-input-wrapper .policy-btn { width: 72rem; height: 38rem; background: linear-gradient(90deg, #00A6FF 0%, #002BFF 100%); border-radius: 3rem 3rem 3rem 3rem; display: flex; justify-content: center; align-items: center; font-size: 18rem; font-family: "Lucida Grande", "Alibaba PuHuiTi 2.0", "Alibaba PuHuiTi 20"; font-weight: 400; color: #FFFFFF; position: relative; top: 1rem; right: 1rem; cursor: pointer; z-index: 999; } .reset-wrapper { display: flex; flex-direction: row; align-items: center; margin-left: 20rem; cursor: pointer; } .reset-wrapper img { width: 24rem; height: 24rem; } .reset-wrapper span { font-size: 18rem; font-family: "Lucida Grande", "Alibaba PuHuiTi 2.0", "Alibaba PuHuiTi 20"; font-weight: 400; color: #686A70; } .intelligence { min-height: 88rem !important; padding-top: 22rem !important; border-bottom: 1rem solid #e3e5e8 !important; background-position: center !important; } .policy-result { height: 39rem; font-size: 24rem; font-family: "Lucida Grande", "Alibaba PuHuiTi 2.0", "Alibaba PuHuiTi 20"; font-weight: 700; color: #34353B; line-height: 34rem; margin-top: 24rem; margin-bottom: 20rem; } .policy-result span { color: #DE3804 !important; } .project-card-wrapper { width: 1400rem; margin: 0 auto; } .policy-two-wrapper { width: 1400rem; margin: 0 auto; margin-top: 25rem; } .policy-two-wrapper .policy-two-card { height: 140rem; flex-shrink: 0; position: relative; } .policy-two-wrapper .policty-btn-wrapper { height: 78rem; position: absolute; bottom: 13rem; left: 16rem; right: 16rem; display: flex; flex-direction: row; gap: 6rem; flex-wrap: wrap; } .policy-two-wrapper .policty-btn-wrapper .policy-btn { height: 36rem; background: #FFFFFF; border-radius: 100rem 100rem 100rem 100rem; opacity: 1; border: 1rem solid #E7E7E7; display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 16rem; font-family: "Source Han Sans-Regular", "Source Han Sans", "Source Han Sans"; font-weight: 400; color: #09213B; line-height: 23rem; cursor: pointer; } .policy-two-wrapper .policty-btn-wrapper .policy-btn:hover { height: 36rem; background: #D4AA77; border-radius: 100rem 100rem 100rem 100rem; border: 1rem solid transparent; color: #FFFFFF; } .policy-two-wrapper .policty-btn-wrapper .policy-btn.active { height: 36rem; background: #D4AA77; border-radius: 100rem 100rem 100rem 100rem; border: 1rem solid transparent; color: #FFFFFF; } .policy-two-wrapper .policy-two-card.hg .yy-img { width: 190rem; height: 11rem; position: absolute; top: -9rem; left: 50%; z-index: 1; transform: translateX(-50%); } .policy-two-wrapper .policy-two-card.hg .hg-img { width: 198rem; height: 40rem; z-index: 2; position: absolute; left: 50%; top: -11rem; transform: translateX(-50%); } .policy-two-wrapper .policy-two-card.hg .hg-wrapper { position: absolute; left: 50%; top: -11rem; transform: translateX(-50%); width: 198rem; height: 40rem; display: flex; flex-direction: row; justify-content: center; align-items: center; z-index: 10; gap: 6rem; } .policy-two-wrapper .policy-two-card.hg .hg-wrapper .hg-head-img { width: 32rem; height: 32rem; } .policy-two-wrapper .policy-two-card.hg .hg-wrapper .hg-head-label { height: 26rem; font-size: 18rem; font-family: "Source Han Sans-Bold", "Source Han Sans", "Source Han Sans"; font-weight: 700; color: #FFFFFF; line-height: 26rem; } .policy-two-wrapper .policy-two-top { display: flex; flex-direction: row; } .policy-two-wrapper .policy-two-top .policy-two-top-one { position: relative; width: 338rem; cursor: pointer; background: linear-gradient(173deg, rgba(252, 253, 255, 0) 0%, rgba(253, 254, 255, 0.51) 26%, #FFFFFF 100%); } .policy-two-wrapper .policy-two-top .policy-two-top-one .one-img { position: absolute; top: 0rem; left: 0; width: 338rem; height: 140rem; } .policy-two-wrapper .policy-two-top .policy-two-top-one .one-img2 { position: absolute; right: 18rem; top: 3rem; width: 140rem; height: 137rem; } .policy-two-wrapper .policy-two-top .policy-two-top-one .one-img3 { width: 32rem; height: 32rem; position: absolute; bottom: 18rem; left: 136rem; } .policy-two-wrapper .policy-two-top .policy-two-top-one .one-text1 { height: 28rem; font-size: 28rem; font-family: "Source Han Sans-Bold", "Source Han Sans", "Source Han Sans"; font-weight: 700; color: #FFFCF6; line-height: 28rem; text-shadow: #4D473B 1rem 0 0, #4D473B 0 1rem 0, #4D473B -1rem 0 0, #4D473B 0 -1rem 0; position: absolute; top: 23rem; left: 28rem; } .policy-two-wrapper .policy-two-top .policy-two-top-one .one-text2 { height: 20rem; font-size: 14rem; font-family: "Source Han Sans-Normal", "Source Han Sans", "Source Han Sans"; font-weight: 350; color: #7E796F; line-height: 20rem; position: absolute; top: 57rem; left: 28rem; z-index: 9; } .policy-two-wrapper .policy-two-top .policy-two-top-one .one-text3 { width: 99rem; height: 32rem; background: #D4AA77; border-radius: 100rem 100rem 100rem 100rem; display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 16rem; font-family: "Source Han Sans-Medium", "Source Han Sans", "Source Han Sans"; font-weight: 500; color: #FFFFFF; line-height: 24rem; position: absolute; bottom: 18rem; left: 28rem; z-index: 10; } .policy-two-wrapper .policy-two-top .policy-two-top-two { position: relative; width: 332rem; margin: 0 20rem; } .policy-two-wrapper .policy-two-top .policy-two-top-two .two-img { position: absolute; width: 332rem; height: 140rem; top: 0; left: 0; } .policy-two-wrapper .policy-two-top .policy-two-top-two .policy-btn { width: 146rem; } .policy-two-wrapper .policy-two-top .policy-two-top-three { position: relative; width: 690rem; } .policy-two-wrapper .policy-two-top .policy-two-top-three .three-img { position: absolute; width: 690rem; height: 140rem; top: 0; left: 0; } .policy-two-wrapper .policy-two-top .policy-two-top-three .policy-btn { width: 160rem; } .policy-two-wrapper .policy-two-bottom { margin-top: 20rem; display: flex; flex-direction: row; gap: 20rem; } .policy-two-wrapper .policy-two-bottom .policy-two-bottom-one { position: relative; width: 690rem; height: 180rem !important; } .policy-two-wrapper .policy-two-bottom .policy-two-bottom-one .one-img { position: absolute; width: 690rem; height: 180rem; top: 0; left: 0; } .policy-two-wrapper .policy-two-bottom .policy-two-bottom-one .policy-btn { width: 104.5rem; } .policy-two-wrapper .policy-two-bottom .policy-two-bottom-one .policty-btn-wrapper { height: 117rem !important; } .policy-two-wrapper .policy-two-bottom .policy-two-bottom-two { position: relative; width: 690rem; height: 180rem !important; } .policy-two-wrapper .policy-two-bottom .policy-two-bottom-two .two-img { position: absolute; width: 690rem; height: 180rem; top: 0; left: 0; } .policy-two-wrapper .policy-two-bottom .policy-two-bottom-two .policy-btn { width: 160rem; } .policy-two-wrapper .policy-two-bottom .policy-two-bottom-two .policty-btn-wrapper { bottom: 51rem !important; } .policy-big-label-wrapper { height: 80rem; display: flex; flex-direction: row; justify-content: center; align-items: center; position: relative; } .policy-big-label-wrapper .left-img { width: 97rem; height: 8rem; } .policy-big-label-wrapper .label-wrapper { display: flex; flex-direction: column; margin: 0 52rem; } .policy-big-label-wrapper .label-wrapper .label-top { height: 38rem; font-size: 32rem; font-family: "Source Han Sans-Bold", "Source Han Sans", "Source Han Sans"; font-weight: 700; color: var(--theme-color); line-height: 38rem; margin-bottom: 5rem; } .policy-big-label-wrapper .label-wrapper .label-bottom { height: 14rem; font-size: 14rem; font-family: "Source Han Sans-Normal", "Source Han Sans", "Source Han Sans"; font-weight: 350; color: #09213B; line-height: 14rem; opacity: 0.12; position: absolute; left: 50%; transform: translateX(-50%); bottom: 25rem; } .policy-big-label-wrapper .right-img { width: 97rem; height: 8rem; } .place-wrapper { display: flex; flex-direction: row; height: 67.5rem; margin-bottom: 13rem; gap: 5rem; } .place-wrapper .place-item { position: relative; width: 172rem; height: 67.5rem; cursor: pointer; } .place-wrapper .place-item.active .place-img { height: 67.5rem; } .place-wrapper .place-item.active .place-label { color: #FFFFFF; font-family: "Source Han Sans-Bold"; } .place-wrapper .place-item .place-img { position: absolute; top: 0; left: 0; width: 172rem; height: 61rem; } .place-wrapper .place-item .place-label { position: absolute; top: 15rem; left: 30rem; height: 32rem; font-size: 28rem; font-family: "Source Han Sans-Normal", "Source Han Sans"; font-weight: 350; color: #666666; line-height: 32rem; } .tabs { display: flex; align-items: center; margin: 0 auto; width: 1400rem; justify-content: center; margin-top: 25rem; margin-bottom: 20rem; } .tabs .left-img { width: 97rem; height: 8rem; margin-right: 97rem; } .tabs .right-img { width: 97rem; height: 8rem; margin-left: 97rem; } .tabs .tab { display: flex; } .tabs .tab:nth-child(3)::before { content: ""; display: block; width: 1rem; height: 34rem; background-color: #a4a4a4; position: relative; margin: 8rem 36rem 0; } .tabs .tab .text { font-size: 32rem; font-family: PingFangSC-Medium, PingFang SC; color: #666666; font-weight: 400; position: relative; padding-bottom: 16rem; cursor: pointer; } .tabs .tab .text.active { font-weight: 700; color: var(--theme-color); } .tabs .tab .text.active::after { content: ""; display: block; position: absolute; bottom: 0; width: 100%; height: 4rem; background-color: var(--theme-color); } .tiled-select .select-shrink { width: 72rem; height: 38rem; background: linear-gradient(90deg, #00A6FF 0%, #002BFF 100%); border-radius: 3rem 3rem 3rem 3rem; display: flex; flex-direction: row; justify-content: center; align-items: center; color: white; font-size: 18rem; font-family: "Source Han Sans-Normal", "Source Han Sans"; font-weight: 350; color: #FFFFFF; line-height: 24rem; } .tiled-select .select-shrink .more { color: white !important; } .hidden { visibility: hidden; } .center { width: 1400rem !important; margin: 0 auto; } .box-center { display: flex; justify-content: center; align-items: center; } .grid-c-2-3 { grid-column: 2 / 3; }