a[data-v-9480aeb2] { text-decoration: none } .public-title[data-v-9480aeb2] { text-align: center } .public-title h4[data-v-9480aeb2] { font-weight: 700; font-size: 36px; color: #333; line-height: 52px; margin-bottom: 10px } .public-title p[data-v-9480aeb2] { font-size: 18px; color: #3339; line-height: 26px } .core-module .core-3d[data-v-9480aeb2] { width: 1600px; height: 488px; background: #f2f2f2; margin-bottom: 60px } .core-list[data-v-9480aeb2] .el-tabs__item { font-size: 24px; font-weight: 700; line-height: 60px; height: 70px } .core-list[data-v-9480aeb2] .el-tabs__item.is-active,.core-list[data-v-9480aeb2] .el-tabs__item:hover { color: #4079ff } .core-list[data-v-9480aeb2] .el-tabs__active-bar { background: #4079ff; height: 5px } .core-list[data-v-9480aeb2] .el-tabs__nav { width: 100%; display: flex; padding: 0 10px; box-sizing: border-box; justify-content: space-between } .core-list[data-v-9480aeb2] .el-tabs__nav-wrap:after { background: #005eff33 } .core-list[data-v-9480aeb2] .el-tabs__header { margin-bottom: 35px } .core-list .core-content[data-v-9480aeb2] { padding: 10px 0 } .core-list .core-content .core-left[data-v-9480aeb2] { width: 700px; height: 460px; flex: none; background: #fff; border-radius: 20px; overflow: hidden; padding: 10px; box-sizing: border-box; box-shadow: 0 0 10px #0000001a; margin-right: 70px } .core-list .core-content .core-left>div[data-v-9480aeb2] { position: relative; font-size: 0 } .core-list .core-content .core-left img[data-v-9480aeb2] { width: 680px; height: 440px; border-radius: 15px; cursor: pointer } .core-list .core-content .core-left .core-left-text[data-v-9480aeb2] { position: absolute; height: 88px; background: linear-gradient(270deg,#dce6ff00,#94b4ff33 54%,#e9f0ff00); left: 0; bottom: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; box-sizing: border-box; padding: 15px 0 } .core-list .core-content .core-left .core-left-text h5[data-v-9480aeb2] { font-size: 20px; color: #4079ff; line-height: 30px; margin-bottom: 4px; width: 100%; text-align: center; height: 30px } .core-list .core-content .core-left .core-left-text p[data-v-9480aeb2] { font-size: 16px; color: #3339; line-height: 24px; width: 100%; text-align: center } .core-list .core-content .core-right[data-v-9480aeb2] { display: flex; align-items: center; flex-wrap: wrap; flex-direction: column; justify-content: center } .core-list .core-content .core-right-text[data-v-9480aeb2] { margin-bottom: 30px; width: 100% } .core-list .core-content .core-right-text h5[data-v-9480aeb2] { font-size: 24px; color: #333; line-height: 35px; margin-bottom: 8px } .core-list .core-content .core-right-text p[data-v-9480aeb2] { font-size: 18px; color: #3339; line-height: 26px; width: 100%; margin-bottom: 4px } .core-list .core-content .core-right-text p.star-text[data-v-9480aeb2] { padding-left: 20px; background: url(/build/assets/star-D64giDVh.png) no-repeat left center; background-size: 11px } @media (max-width: 1600px) { .core-module .core-3d[data-v-9480aeb2] { width:100vw; height: 30.303030303vw; margin-bottom: 40px } .core-list[data-v-9480aeb2] .el-tabs__header { margin-bottom: 35px } .core-list .core-content[data-v-9480aeb2] { padding: 10px 0 } .core-list .core-content .core-left[data-v-9480aeb2] { width: 43vw; height: 28vw; border-radius: 15px; margin-right: 4vw } .core-list .core-content .core-left img[data-v-9480aeb2] { width: calc(43vw - 20px); height: calc(28vw - 20px); border-radius: 10px } }