* {
    margin: 0;
    padding: 0;
    list-style-type: none;
    box-sizing: border-box;
}

.content {
    width: 100%;
    min-width: 1200px;
    margin: 0 auto;
}

.box {
    position: relative;
    width: auto;
    height: 600px;
    overflow: hidden;
    margin: 0 auto;
}

.img-box {
    width: 500%;
    height: 600px;
    position: absolute;
    top: 0;
    left: 0;
}

.img-box li {
    width: 20%;
    height: 100%;
    float: left;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    image-rendering: -webkit-optimize-contrast;
}

/* todo-modify */
.img-box li:first-child,
.img-box li:last-child {
    display: flex;
}

.left-link,
.right-link {
    height: 100%;
    cursor: pointer;
}

.left-link {
    width: calc(50% + 65px);
    background-size: 120% auto;
    /*background-image: url('../img/left-link.png');*/
}

/*.right-link {
    width: calc(50% + 80px);
    margin-left: -150px;
    background-size: cover;
    background-image: url('../img/right-link.png');
}*/

/*.img-box li:nth-child(1) {
    background-image: url('../img/ban1-2.png');
}*/

.img-box li:nth-child(2) {
    background-image: url('../img/ban1.png');
}

/*.img-box li:nth-child(3) {
    background-image: url('../img/carousel_2.png');
}*/

.online-model {
    display: block;
    padding-top: 160px;
    padding-left: calc(100% - 580px);
    margin: 0;
}

.online-model-title {
    /*font-family: PingFangSC-Semibold;*/
    font-size: 40px;
    color: #fff;
    line-height: 40px;
    height: 40px;
    margin-bottom: 36px;
}

.online-model-item {
    /*font-family: PingFangSC-Regular;*/
    font-size: 16px;
    color: #e9f0ff;
    line-height: 24px;
    height: 24px;
    margin-bottom: 8px;
}

.online-model-item::before {
    content: ' ';
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background-color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    margin-bottom: 3px;
}

.online-model-btn {
    height: 267px;
    align-items: center;
    display: flex;
    width: 100%;
    /*background-image: url(../img/online-model.png);*/
    background-position: bottom 0px right 45px;
    background-size: auto 255px;
    background-repeat: no-repeat;
}

.top-apply-service {
    width: 106px;
    height: 40px;
    left: 0px;
    color: #0a104a;   
    background: #0D5BFF;
    border: transparent;
    border-radius: 8px;
    cursor: pointer;
    transition: width .5s;
    padding: 0 24px;
    padding-right: 0px;
    margin-top: -95px;
}

.top-apply-service:hover {
    width: 134px;
}

.top-apply-service:hover img {
    margin-left: 6px;
    width: 16px;
}

.top-apply-service .top-apply-btn {
    width: 106px;
    height: 40px;
    line-height: 40px;
    top: 0px;
    left: 0px;
    text-align: center;
    color: #fff; 
    /*background: #fff;*/
    background: #0D5BFF;
    
    cursor: pointer;
}

.top-apply-service img {
    width: 0px;
    height: 8px;
    transition: width .5s;
}

.top-apply-service a {
    color: #0a104a;
}

.expert-customize {
    display: block;
    padding-top: 160px;
    padding-left: 150px;
    margin: 0;
}

.expert-customize-title {
    font-family: PingFangSC-Semibold;
    font-size: 40px;
    color: #fff;
    line-height: 40px;
    height: 40px;
    margin-bottom: 36px;
}

.expert-customize-item {
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #e9f0ff;
    line-height: 24px;
    height: 24px;
    margin-bottom: 8px;
}

.expert-customize-item::before {
    content: ' ';
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background-color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    margin-bottom: 3px;
}

.expert-customize-btn {
    margin-top: 47px;
    height: 261px;
    align-items: center;
    display: flex;
    width: 100%;
    background-image: url(../img/expert-customize.png);
    background-position: bottom 0px left 170px;
    background-size: auto 255px;
    background-repeat: no-repeat;
}

.point {
    padding: 0 10px;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    height: 20px;
    border-radius: 10px;
}

.point li {
    float: left;
    width: 8px;
    height: 8px;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    margin: 4px;
    cursor: pointer;
}

.left,
.right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    line-height: 48px !important;
    border-radius: 50%;
    text-align: center;
    font-size: 24px;
    font-family: "宋体";
    color: black;
    font-weight: 700;
    background: #fff;
    display: none;
    cursor: pointer;
}

.left {
    left: 32px;
}

.right {
    right: 32px;
}

.box:hover .left,
.box:hover .right {
    display: block;
}

.left:hover,
.right:hover {
    cursor: pointer;
}

.point .active {
    background-color: #f8ac3b;
}

@media screen and (min-width: 1200px) {
    #maincontainer {
        width: 1200px;
        margin: 0 auto;
    }
}

.hot-data {
    width: 100%;
    height: 1118px;
    padding-top: 100px;
}

.hot-title {
    font-family: 'PingFangSC-Semibold';
    font-size: 30px;
    color: #0a104a;
    text-align: center;
    height: 38px;
    line-height: 38px;
    margin-top: 100px auto 0;
}

.searchinput {
    width: 696px;
    height: 48px;
    background: #fff;
    box-shadow: 0 6px 16px -2px rgba(113, 155, 255, 0.20);
    border-radius: 24px;
    margin: 32px auto 56px auto;
    box-sizing: border-box;
    position: relative;
    font-size: #8890a6;
}

.searchinput input {
    padding-left: 39px;
    border-radius: 8px 0 0 8px;
    width: 571px;
    height: 48px;
    border: none;
    outline: medium;
    box-shadow: 0 6px 16px -2px rgba(113, 155, 255, 0.20);
    color: #0a104a;
}

.searchinput img {
    position: absolute;
    left: 15px;
    top: 17px;
}

.searchinput input::-webkit-input-placeholder {
    color: #999;
}

.searchinput button {
    position: absolute;
    top: 0px;
    right: 0;
    width: 120px;
    height: 48px;
    color: #fff;
    font-size: 14px;
    font-family: 'PingFangSC-Regular';
    line-height: 48px;
    background: #0253ff;
    border-radius: 0 8px 8px 0;
    border: none;
}

.tabcheckout {
    width: 232px;
    height: 124px;
    float: left;
}

.tabcheckout li {
    position: relative;
    height: 124px;
    list-style: none;
    padding-left: 24px;
    padding-top: 32px;
    box-sizing: border-box;
    background-color: #fff;
}

.tabcheckout li .bline {
    position: absolute;
    display: block;
    width: 192px;
    height: 1px;
    background-color: #f2f6ff;
    bottom: 0;
    left: 0;
}

.tabcheckout li.bgc {
    background-color: #f2f6ff;
}

.tabcheckout li:hover .commons {
    color: #0253ff;
    cursor: pointer;
}

.tabcheckout li div:nth-child(1) {
    font-family: 'PingFangSC-Semibold';
    font-size: 22px;
    text-align: left;
    line-height: 32px;
    margin-bottom: 8px;
}

.hot-body {
    width: 85.71%;
    min-width: 1100px;
    height: 632px;
    margin: auto;
    display: flex;
    justify-content: center;
}

.rights {
    width: 77.33%;
    height: 632px;
    float: right;
}

.hot-right {
    width: 100%;
    height: 632px;
    display: none;
    padding-top: 1px;
}

.right-content.data-platform-right {
    clear: both;
    width: 100%;
    margin-bottom: 24px;
}

.right-content.data-platform-right:first-child:hover .AI-data-develop {
    color: #0a104a;
    cursor: pointer;
}

.right-content.data-platform-right:nth-child(1):hover .AI-data-develop span:nth-child(1) {
    color: #0253ff;
}

.train-coming-soon-icon {
    position: absolute;
    top: -1px;
    right: -1px;
    width: 19.35%;
    height: auto;
}

.hot-right .hot-right-box {
    width: 100%;
    height: 232px;
    display: flex;
    justify-content: flex-start;
    margin: 0 0 24px 0;
}

.hot-right-box .singleItem {
    width: 22.48%;
    height: 16.57vw;
    max-height: 232px;
    min-height: 219.97px;
}

.hot-right.select {
    display: block;
}

/* 块数据 */
.ai-tech,
.garvement-serve {
    float: left;
    width: 120px;
    height: 500px;
    margin-top: 56px;
}

.hot-data-product {
    float: left;
    width: 320px;
    height: 492px;
    margin-top: 56px;
}

.hot-product {
    position: relative;
    width: 320px;
    height: 148px;
    background-color: #fff;
    border-radius: 8px;
    margin-bottom: 24px;
}

.hot-product,
.hot-product p,
.hot-product img,
.hot-product a,
.hot-product span,
.hot-product div {
    cursor: pointer;
}

.hot-data-product .hot-product:hover {
    border: 1px #0253ff solid;
}

.hot-product .icon-image {
    position: absolute;
    width: 56px;
    height: 56px;
    top: 24px;
    left: 24px;
}

.item-detail {
    width: 180px;
    height: 148px;
    margin-left: 88px;
    padding: 24px 0;
}

.item-name {
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    color: #0a104a;
    font-family: 'PingFangSC-Regular';
    margin-left: 16px;
    margin-bottom: 4px;
}

.item-price,
.hot-right-item-price {
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    color: #8890a6;
    margin-left: 16px;
}

.item-price span {
    display: inline-block;
    font-family: 'PingFangSC-Semibold';
    line-height: 32px;
    font-size: 20px;
    color: #ef6350;
}

.item-promo {
    font-size: 12px;
    text-align: center;
    height: 24px;
    width: 180px;
    margin: 16px  35px 0 16px;
    box-sizing: border-box;
}

.ai-tech {
    margin-left: 80px;
    margin-right: 80px;
}

.garvement-serve {
    margin-right: 88px;
}

.list-title {
    width: 100%;
    height: 32px;
    font-size: 20px;
    font-family: 'PingFangSC-Semibold';
    color: #0a104a;
    margin-bottom: 24px;
}

.list-cate li {
    width: 100%;
    height: 34px;
    line-height: 34px;
    font-size: 16px;
    color: #0a104a;
}

.list-cate a {
    color: #0a104a;
}

.list-cate a:hover {
    color: #0253ff;
    cursor: pointer;
}

.right-content {
    width: 48.44%;
    height: 184px;
    float: left;
    border-radius: 8px;
    border: 1px solid #d5dae8;
    position: relative;
}

.right-content,
.right-content div,
.right-content p,
.right-content img,
.right-content a {
    cursor: pointer;
}

.hot-right:nth-child(n+4) {
    padding: 6.03% 8.62% 0 8.62%;
}

.right-content a {
    display: flex;
    width: 100%;
    height: 100%;
}

.right-content a img {
    width: 48px;
    height: 48px;
    margin: 24px 6.48% 0;
}

.right-content .right-content-text-box {
    display: flex;
    flex-direction: column;
    margin: 24px 6.48% 0 0;
}

.right-content-text-box p:nth-child(1) {
    font-family: "PingFangSC-Semibold";
    font-size: 20px;
    color: #0a104a;
    line-height: 32px;
    margin: 0;
    padding: 0;
}

.right-content-text-box p:nth-child(3) {
    font-family: "PingFangSC-Regular";
    font-size: 12px;
    color: #8890a6;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

.right-content-text-box div:nth-child(2) {
    width: 16px;
    height: 2px;
    background: #ff902c;
    margin: 10px 0 8px;
}

.AI-data-develop {
    display: flex;
    align-items: center;
}

.right-content-text-box > p > img {
    width: 64px;
    height: 18px;
    margin: 0 0 0 10px;
}

.right-content:nth-child(1) {
    margin-right: 3.12%;
}

.right-content:nth-child(3) {
    margin-top: 24px;
}

.right-content:hover {
    border: 1px solid transparent;
    background-color: #fff;
}

.right-content:hover p:nth-child(1) {
    color: #0253ff;
}

.content-smark {
    position: absolute;
    width: 100%;
    height: 184px;
    left: 0px;
    top: 0px;
    font-family: 'PingFangSC-Regular';
    font-size: 22px;
    color: #0253ff;
    text-align: center;
    line-height: 184px;
    background-color: #f2f6ff;
    opacity: 0.9;
    border-radius: 8px;
    border: 1px solid #d5dae8;
    display: none;
}

.hot-item {
    width: 214px;
    height: 223px;
    margin-top: 56px;
    background-color: #ccc;
}

.common {
    display: inline-block;
    width: 56px;
    height: 20px;
    font-family: 'PingFangSC-Regular';
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
}

.common1 a {
    color: #8890a6;
}

.common1 {
    display: inline-block;
    width: 100%;
    height: 20px;
    font-family: 'PingFangSC-Regular';
    font-size: 14px;
    color: #8890a6;
    line-height: 20px;
}

.common a {
    color: #8890a6;
}

.common a:hover,
.common1 a:hover {
    color: #0253ff;
    cursor: pointer;
}

.line {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    color: #ccc;
}

.tech {
    width: 100%;
    height: 878px;
    padding-top: 1px;
    background: url('../img/bg-spaecial.png') no-repeat;
    background-size: cover;
    background-position: center;
}

.tech .tech-title {
    font-family: 'PingFangSC-Semibold';
    font-size: 30px;
    color: #0a104a;
    text-align: center;
    line-height: 38px;
    margin-top: 100px;
}

.tabs {
    border-bottom: 1px solid #ddd;
    height: 68px;
    width: 82.86%;
    min-width: 1100px;
    text-align: center;
    padding-bottom: 31px;
    margin: 40px auto;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}

.tabs li {
    position: relative;
    float: left;
    height: 68px;
    line-height: 68px;
    text-align: center;
    cursor: pointer;
    border-bottom: 3px solid transparent;
    margin: 0 32px;
    font-style: 16px;
}

.tabs span {
    position: absolute;
    right: 0;
    top: 10px;
    background: #ddd;
    width: 1px;
    height: 14px;
    overflow: hidden;
}

.products {
    width: 82.86%;
    min-width: 1100px;
    height: 488px;
    margin: auto;
}

.products .main {
    display: none;
    width: 100%;
    height: 100%;
}

.content-center {
    display: flex;
}

.singleItem {
    box-sizing: border-box;
    float: left;
    width: 213px;
    height: 232px;
    background-color: #fff;
    margin-right: 24px;
    margin-bottom: 24px;
    box-shadow: 0 8px 24px -4px rgba(113, 155, 255, 0.20);
    border-radius: 8px;
    position: relative;
}

.tech .singleItem {
    margin: 0 12px 24px;
    width: 17.97%;
    height: 16.57vw;
    max-height: 232px;
    min-height: 219.97px;
}

.hot-right .singleItem {
    margin-right: 24px;
}

.singleItem:hover,
.singleItemFooter:hover {
    border: #334de7;
    border: none;
    box-shadow: 3px 16px 26px -6px rgba(113, 155, 255, 0.40);
    cursor: pointer;
}

.singleItem:hover {
    border: 1px solid #0253ff;
}

.singleItem:hover .pay-for {
    display: block;
}

.singleItem:nth-child(5n) {
    margin-right: 0px;
}

.pay-for {
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 56px;
    left: 0px;
    bottom: -1px;
    font-family: 'PingFangSC-Regular';
    font-size: 16px;
    text-align: center;
    color: #fff;
    line-height: 56px;
    display: none;
    background-color: #0253ff;
    border-radius: 0 0 8px 8px;
    z-index: 99;
}

.singleItem .item {
    cursor: pointer;
    text-align: center;
    position: relative;
    margin-bottom: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.singleItem .item .icon {
    display: inline-block;
    margin-top: 32px;
    width: 56px;
    height: 56px;
}

.singleItem .item .icon img {
    width: 56px;
    height: 56px;
}

.singleItem .item .data {
    width: 153px;
    font-family: 'PingFangSC-Regular';
    margin: 16px auto 0;
    height: 24px;
    color: #0a104a;
    font-size: 14px;
    text-align: center;
    line-height: 24px;
}

.singleItem .item .data-pric-num,
.item-price span {
    height: 32px;
    line-height: 32px;
    font-size: 20px;
    color: #ef6350;
    font-family: 'PingFangSC-Regular';
}

.singleItem .item .data-price {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.data-price span {
    font-display: inline-block;
}

.data-price-units {
    height: 28px;
    font-size: 12px;
    color: #8890a6;
    margin-left: 4px;
    line-height: 28px;
}

.discount-price-units {
    margin: 0 0 0 12px;
    font-family: "PingFangSC-Regular";
    font-size: 12px;
    color: #8890a6;
    height: 28px;
    line-height: 28px;
    text-decoration: line-through;
}

.singleItem .item .data,
.item-detail .item-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.singleItem .item .data:hover,
.item-detail .item-name:hover {
    overflow: visible;
    white-space: nowrap;
    text-overflow: clip;
}

.singleItem .item .data:hover {
    width: auto;
}

.item-detail .item-name:hover {
    overflow: visible;
    text-overflow: clip;
}

.singleItem .item .hot-prod {
    width: 33.64%;
    right: 0;
    top: 0px;
    position: absolute;
}

.singleItem .hot-prod img {
    width: 100%;
    height: 100%;
}

.singleItemFooter {
    box-sizing: border-box;
    width: 452px;
    height: 120px;
    background: #fff;
    box-shadow: 0 8px 24px -4px rgba(113, 155, 255, 0.20);
    border-radius: 8px;
    padding: 32px  24px;
    margin-right: 24px;
}

.singleItemFooter .icons {
    width: 56px;
    height: 56px;
    float: left;
    margin-right: 24px;
}

.singleItemFooter .contents {
    width: 80%;
    height: 24px;
    float: right;
    margin-bottom: 8px;
}

.singleItemFooter .contents .name {
    display: inline-block;
    width: 166px;
    height: 100%;
}

.singleItemFooter .contents span:nth-child(2) {
    width: 20px;
    height: 20px;
    display: block;
    float: right;
    margin-top: 2px;
    background-color: #b6cdff;
    border-radius: 4px;
}

.singleItemFooter .contents-detail {
    width: 80%;
    height: 28px;
    line-height: 28px;
    float: right;
    display: flex;
    justify-content: space-between;
}

.contents-detail .sell-price {
    position: relative;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    color: #8890a6;
    font-family: 'PingFangSC-Regular';
    margin-left: -20px;
}

.data-price-info {
    font-family: 'PingFangSC-Regular';
    font-size: 20px;
    color: #ef6350;
    line-height: 32px;
}

.add-line {
    width: 106px;
    height: 28px;
    text-decoration: line-through;
}

.sell-price {
    position: relative;
}

.sell-price span:nth-child(1) {
    margin-left: 20px;
}

.singleItem a {
    color: #0a104a;
    cursor: pointer;
}

.data-view {
    margin-top: 3px;
}

.item-hot {
    font-size: 12px;
    text-align: center;
    height: 24px;
    width: 77.5%;
    margin: 16px 0 0 0;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}

.item-promo .stars,
.stars {
    float: left;
    height: 24px;
    line-height: 24px;
    display: flex;
    font-size: 10px !important;
    background-color: #f6f9ff;
    box-sizing: border-box;
}

.stars span {
    margin: 0 5px;
    font-size: 10px;
    text-align: centser;
    line-height: 24px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    color: #8890a6;
}

.stars span img {
    margin-right: 4px;
}

.stars .play {
    display: inline-block;
    width: 10px;
    height: 10px;
    line-height: 10px;
    margin-top: 6px;
    padding-left: 2px;
}

.item-hot .coll,
.item-hot .api,
.col-right,
.col-right-api {
    -webkit-text-size-adjust: none;
    font-size: 10px;
    display: inline-block;
    height: 20px;
    width: 20px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    border-radius: 4px;
    box-sizing: border-box;
}

.item-hot .coll img,
.item-hot .api img,
.col-right img,
.col-right-api img {
    width: 100%;
    height: 100%;
}

.col-right {
    margin-right: -70px;
}

.col-right-api {
    margin-right: -80px;
}

.item-hot:nth-child(1),
.item-hot:nth-child(2) {
    width: 30px;
    background-color: #ccc;
}

.products .main.selected {
    display: flex;
    flex-wrap: wrap;
}

.tabs li.actives {
    border-color: #457dfb;
    color: #457dfb;
}

.data-service {
    width: 100%;
    height: 926px;
    border: 1px solid transparent;
    padding-left: 20px;
}

.data-service .title {
    height: 38px;
    font-family: 'PingFangSC-Semibold';
    font-size: 30px;
    color: #0a104a;
    text-align: center;
    line-height: 38px;
    margin: 100px auto 56px 0;
}

.data-content {
    /* width: 1200px;
    height: 100%; */
    width: 84.29%;
    min-width: 1000px;
    height: 66vw;
    min-height: 792px;
    max-height: 924px;
    display: flex;
    justify-content: space-between;
    margin: auto;
    padding-left: 20px;
}

.data-left {
    width: 120px;
    /* height: 536px; */
    height: 58.01%;
    min-height: 490px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    text-align: left;
    margin-right: 56px;
    border-right: 1px solid #e0e5ed;
}

.data-tab {
    height: 64px;
    width: 120px;
    font-family: 'PingFangSC-Regular';
    font-size: 20px;
    color: #0a104a;
    text-align: left;
    line-height: 64px;
    padding-right: 16px;
    box-sizing: border-box;
    margin: 36px 0;
}

.data-left .data-tab:first-child {
    margin-top: 95px;
}

.data-left .data-tab:last-child {
    margin-bottom: 95px;
}

.data-tab:hover {
    cursor: pointer;
}

.data-tab.data-active {
    color: #0253ff;
    border-right: 4px solid #0253ff;
}

.data-right {
    /* width: 100%; */
    width: 84.83%;
    /* height: 634px; */
    height: 68.61%;
    box-sizing: border-box;
    padding-top: 1px;
}

.data-text {
    width: 100%;
    height: 99.53%;
    display: none;
}

.data-right .data-text .data-title {
    font-family: 'PingFangSC-Semibold';
    text-align: left;
    height: 32px;
    font-size: 22px;
    color: #0a104a;
    line-height: 32px 0 64px 0;
}

.data-text .t-content {
    height: 48px;
    font-family: 'PingFangSC-Regular';
    font-size: 16px;
    color: #8890a6;
    line-height: 24px;
    margin: 16px 0 32px 0;
    /* width: 977px; */
    width: 100%;
}

/* .swiper-container {
    width: 977px;
    height: 408px;
} */

.data-image {
    position: relative;
    /* width: 977px; */
    width: 100%;
    height: 64.97%;
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
}

.data-image.data-govern {
    display: flex;
    justify-content: space-between;
}

.data-image.data-govern div {
    height: 100%;
    width: 24.16%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    font-family: "PingFangSC-Regular";
    margin: 0 5.5px 0;
}

.data-image.data-govern div p:nth-child(1) {
    font-size: 18px;
    color: #0a104a;
    height: 26px;
    line-height: 26px;
    margin: 0;
}

.data-image.data-govern div p:nth-child(2) {
    font-size: 14px;
    color: #8890a6;
    text-align: center;
    line-height: 22px;
    margin: 6.78% 0 23.73%;
    height: 66px;
    width: 83.47%;
}

.data-image.data-govern div:nth-child(1) {
    background: url('../img/govern-team.png') no-repeat center/100% 100%;
    margin-left: 0;
}

.data-image.data-govern div:nth-child(2) {
    background: url('../img/govern-standard.png') no-repeat center/100% 100%;
}

.data-image.data-govern div:nth-child(3) {
    background: url('../img/govern-quality.png') no-repeat center/100% 100%;
}

.data-image.data-govern div:nth-child(4) {
    background: url('../img/govern-safty.png') no-repeat center/100% 100%;
    margin-right: 0;
}

.image-wraper {
    width: 500%;
    /* height: 408px; */
    height: 100%;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
}

.image-wraper li {
    height: 100%;
    flex: 1;
}

.image-wraper li img {
     /*width: 100%;
    height: 408px; */
    width:20%;
    height: 100%;
}

.little-point,
.dot-point,
.dot-points {
    padding: 0 10px;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
}

.little-point li,
.dot-point li,
.dot-points li {
    float: left;
    width: 7px;
    height: 7px;
    line-height: 7px;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    margin: 4px;
    cursor: pointer;
}

.left-arrow,
.right-arrow,
.right-arr,
.left-arr {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    font-size: 24px;
    font-family: "";
    color: #fff;
    font-weight: 700;
    display: none;
    cursor: pointer;
}

.left-arrow,
.left-arr {
    left: 0;
}

.right-arrow,
.right-arr {
    right: 0;
}

.little-point .point-active {
    width: 37.2px;
    height: 3px;
    margin-top: 6px !important;
    background-color: #ffb615;
    border-radius: 4px;
}

.second-carousel {
    position: relative;
    /* width: 977px; */
    width: 100%;
    /* height: 408px; */
    height: 64.97%;
    overflow: hidden;
}

.img-wraper {
    width: 500%;
    /* height: 408px; */
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
}

.img-wraper li {
    float: 1;
    height: 100%;
}

.img-wraper li img {
    width: 100%;
    /* width: 977px; */
    /* height: 408px; */
    height: 100%;
}

.lit-point {
    height: 20px;
    padding: 0 10px;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 10px;
}

.lit-point li {
    float: left;
    width: 7px;
    height: 7px;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    margin: 4px;
    cursor: pointer;
}

.lit-point .dot-active {
    width: 37.2px;
    height: 3px;
    margin-top: 6px !important;
    background-color: #ffb615;
    border-radius: 4px;
}

.data-right .data-click {
    width: 100%;
    height: 60px;
    line-height: 60px;
    display: flex;
    justify-content: center;
    text-align: center;
    margin: 32px auto 0;
}

.data-content .data-right .data-sup-btn,
.supply-server-btn,
.base-info .data-sup-btn {
    width: 120px;
    height: 40px;
    font-family: 'PingFangSC-Regular';
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    background: #0253ff;
    border-radius: 8px;
    cursor: pointer;
    transition: width .5s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.data-sup-assist-img {
    display: none;
    width: 16px;
    height: 8px;
    background: url('../img/strength/arrow-white.svg') no-repeat;
    margin: 0;
}

.data-sup-btn-assist {
    width: 160px;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.data-right .data-sup-btn a,
.data-right .supply-server-btn a,
.base-info .data-sup-btn a {
    height: 40px;
    color: #fff;
    cursor: pointer;
    margin: 0 16px 0 16px;
}

.data-right .data-click .data-sup-btn:hover,
.supply-server-btn:hover,
.base-info .data-sup-btn:hover {
    width: 150px;
    box-shadow: 0 8px 16px -4px #0253ff;
}

.data-right .data-sup-btn:hover .data-sup-assist-img,
.supply-server-btn:hover .data-sup-assist-img {
    display: inline-block;
    margin-right: 16px;
}

.link-to {
    color: red;
    position: absolute;
    left: 40px;
    top: 20px;
    display: none;
}

.data-sup-btn a:hover .link-to {
    display: block;
}

.data-right .data-sup-link {
    font-family: 'PingFangSC-Regular';
    font-size: 14px;
    color: #0253ff;
    height: 240x;
    cursor: pointer;
}

.slected {
    display: block;
}

.platform-service {
    width: auto;
    height: 804px;
    padding: 1px;
    background: url('../img/bg-platform.png') no-repeat;
    background-size: cover;
    background-position: center;
}

.platform-title {
    width: 100%;
    height: 42px;
    font-family: 'PingFangSC-Semibold';
    font-size: 30px;
    color: #0a104a;
    text-align: center;
    margin-top: 100px;
    margin-left: auto;
}

.plateform-tab {
    width: 1160px;
    height: 66px;
    display: flex;
    margin: 34px auto 32px;
    line-height: 66px;
    text-align: center;
    justify-content: center;
    border-bottom: 1px solid #c3cfe3;
}

.tab-name > .AI-data-coming-soon {
    position: absolute;
    top: 3px;
    right: -58px;
}

.plateform-tab .tab-name {
    float: 1;
    height: 66px;
    margin: 0 40px;
    font-family: 'PingFangSC-Regular';
    font-size: 16px;
    color: #151b52;
    text-align: center;
    line-height: 66px;
}

.plateform-tab .actives {
    color: #0253ff;
    border-bottom: 4px solid #0253ff;
}

.tab-content {
    width: 83%;
    min-width: 1080px;
    height: 434px;
    background: #fff;
    padding: 40px 40px;
    margin: 0 auto;
    justify-content: space-between;
    box-shadow: 0 16px 24px -8px #dae2ee;
    border-radius: 8px;
}

.tab-content .tab-main {
    display: none;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

.tab-content .tab-main.choice {
    display: flex;
}

.content-left {
    float: left;
    width: 41.66%;
    height: 100%;
}

.content-left.AI-train-online .yunduan {
    width: 492px;
    margin-top: 40px;
}

.content-left.AI-train-online .content-title {
    margin: 0;
}

.content-left.AI-train-online .introduce {
    font-size: 16px;
    color: #3d4166;
    line-height: 32px;
}

.content-left.AI-train-online .description {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #8890a6;
    line-height: 22px;
    margin-top: 16px;
}

.content-right {
    float: right;
    width: 524px;
    height: 354px;
}

.content-left .content-title {
    width: 100%;
    height: 32px;
    font-family: 'PingFangSC-Semibold';
    font-size: 20px;
    color: #0a104a;
    line-height: 32px;
    margin-bottom: 16px;
}

.content-left .introduce {
    font-family: 'PingFangSC-Regular';
    font-size: 14px;
    color: #8890a6;
    line-height: 22px;
}

.content-left.AI-train-online .model {
    width: 462px;
    margin-top: 32px;
}

.content-left .model-box {
    width: 250px;
}

.content-left .model {
    float: left;
    width: 100px;
    text-align: center;
}

.model:nth-last-of-type(1) {
    margin-right: 0;
}

.model img {
    width: 32px;
    height: 16px;
}

.model .yuncontent {
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #60648b;
    line-height: 32px;
    text-align: left;
}

.model .yuncontent img {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    margin-bottom: 4px;
}

.first-yunduan {
    width: 41.66%;
}

.content-left .yunduan-box {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.content-left .yunduan {
    float: left;
    width: 100px;
    height: 100px;
    text-align: center;
    margin-top: 48px;
}

.yunduan:nth-last-of-type(1) {
    margin-right: 0;
}

.yunduan img {
    width: 40px;
    height: 40px;
}

.yunduan div {
    font-family: 'PingFangSC-Regular';
    font-size: 16px;
    color: #60648b;
    text-align: center;
    line-height: 24px;
    margin-top: 8px;
}

.supply-service {
    width: 120px;
    height: 40px;
    position: relative;
    top: -70px;
    left: 310px;
    color: #fff;
    background: #0253ff;
    border: transparent;
    border-radius: 8px;
    cursor: pointer;
    transition: width .5s;
}

.supply-btn {
    top: 50px;
    left: 0px;
}

.supply-service:hover {
    box-shadow: 0 8px 16px -4px #0253ff;
    width: 150px;
}

.supply-service:hover img {
    visibility: visible;
    cursor: pointer;
}

.supply-service .apply-btn {
    position: absolute;
    width: 150px;
    height: 40px;
    line-height: 40px;
    top: 0px;
    left: 0px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

.supply-service img {
    padding-left: 16px;
    visibility: hidden;
}

.sub-supply-service {
    top: 222px;
    left: 0px;
}

.apply-service-btn {
    width: 120px;
    height: 40px;
    position: relative;
    top: 50px;
    left: 0px;
    color: #fff;
    background: #0253ff;
    border: transparent;
    border-radius: 8px;
    cursor: pointer;
    transition: width .5s;
}

.apply-service-btn:hover {
    box-shadow: 0 8px 16px -4px #0253ff;
}

.apply-service-btn:hover img {
    visibility: visible;
    cursor: pointer;
}

.apply-service-btn .apply-btn {
    position: absolute;
    height: 40px;
    line-height: 40px;
    top: 0px;
    left: 0px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    background-color: #0253ff;
}

.apply-service-btn img {
    padding-left: 16px;
    visibility: hidden;
}

.strength-info {
    width: 300px;
    height: 200px;
    margin-top: 40px;
}

.strength-info li {
    height: 24px;
    font-family: 'PingFangSC-Regular';
    font-size: 16px;
    color: #60648b;
    line-height: 24px;
    margin-top: 8px;
}

.strength-info li div {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #0253ff;
    margin-right: 10px;
}

/* 轮播图 */
.carousel,
.carousels {
    position: relative;
    width: 524px;
    height: 354px;
    overflow: hidden;
    border-radius: 6px;
}

.carousel-wraper,
.carousel-wrapers {
    width: 600%;
    height: 354px;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    border-radius: 4px;
}

.carousel-wraper li,
.carousel-wrapers li {
    float: 1;
    height: 100%;
}

.carousel-wraper li img,
.carousel-wrapers li img {
    width: 524px;
    height: 100%;
}

.dot-point,
.dot-points {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-30%);
    right: 20px;
    height: 20px;
    border-radius: 10px;
}

.dot-point li,
.dot-points li {
    float: left;
    width: 7px;
    height: 7px;
    line-height: 7px;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    margin: 4px;
    cursor: pointer;
}

.show-left,
.show-right,
.show-rights,
.show-lefts {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    font-size: 24px;
    font-family: 'PingFangSC-Regular';
    color: #fff;
    font-weight: 700;
    display: none;
    cursor: pointer;
}

.show-left,
.show-lefts {
    left: 16px;
}

.show-right,
.show-rights {
    right: 16px;
}

.carousel:hover .show-left,
.carousel:hover .show-right,
.carousels:hover .show-lefts,
.carousels:hover .show-rights {
    display: block;
    cursor: pointer;
}

.dot-point .dot-active,
.dot-points .dot-active {
    width: 37.2px;
    height: 3px;
    margin-top: 6px;
    background-color: #ffb615;
    border-radius: 4px;
}

.tabcheckout .commons {
    cursor: pointer;
}

.tabcheckout .AI-coming-soon {
    width: 64px;
    height: 18px;
    margin-left: 8px;
}

.hot-data-product.train-online {
    float: right;
    margin: 0;
}

.train-online .item-detail {
    width: 192px;
    margin-left: 88px;
    margin-right: 24px;
}

.train-online .item-promo {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.train-online-recommend {
    font-family: "PingFangSC-Regular";
    font-size: 14px;
    color: #3d4166;
    line-height: 24px;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.train-online-recommend > span:first-child {
    width: 4px;
    height: 16px;
    margin-right: 10px;
    background: #0253ff;
    border-radius: 1px;
}

.train-online .col-right {
    margin-right: 0;
}

.col-right.train-online-icon {
    display: flex;
    justify-content: space-between;
    width: 44px;
    margin-left: 35.625px;
    height: 24px;
}

.col-right.train-online-icon img {
    width: 20px;
    height: 20px;
    margin: 2px 0;
}

.tabcheckout li .colors {
    color: #0253ff;
}

.tab-name {
    cursor: pointer;
}

/* 特色优势 */
.strength {
    height: 546px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.strength .strength-title {
    font-family: "PingFangSC-Semibold";
    font-size: 30px;
    color: #0a104a;
    text-align: center;
    height: 42px;
    margin-bottom: 56px;
}

.strength .strength-content {
    width: 83%;
    min-width: 1000px;
    height: 248px;
    display: flex;
    justify-content: space-between;
}

.strength .strength-content div {
    width: 30%;
    height: 248px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.strength .strength-content div:hover {
    cursor: pointer;
    background: #fff;
    box-shadow: 0 8px 24px -4px rgba(113, 155, 255, .2);
    border-radius: 6px;
}

.strength-content div img {
    width: 56px;
    height: 56px;
}

.strength-content div p:nth-child(2) {
    height: 32px;
    font-family: "PingFangSC-Semibold";
    font-size: 20px;
    color: #0a104a;
    text-align: center;
    line-height: 32px;
    margin: 24px 0 16px;
}

.strength-content div p:nth-child(3) {
    margin: 0;
    width: 80%;
    height: 40px;
    font-family: "PingFangSC-Regular";
    font-size: 14px;
    color: #8890a6;
    text-align: center;
    line-height: 22px;
}

/* 数据统计 */
.statistics {
    height: 286px;
    background: url('../img/statistics-bg.png') no-repeat;
    background-size: auto 286px;
    background-position: center;
}

.statistics .statistics-contnet {
    margin: 0 auto;
    width: 71%;
    max-width: 1200px;
    height: 100%;
    display: flex;
    justify-content: space-between;
}

.statistics .statistics-contnet .statistics-box {
    width: auto;
    height: 100%;
}

.statistics-contnet .statistics-box .statistics-text {
    margin: 80px 0 0;
    font-family: "PingFangSC-Semibold";
    font-size: 48px;
    color: #fff;
    line-height: 48px;
}

.statistics-contnet .statistics-box div:nth-child(2) {
    width: 24px;
    height: 2px;
    background: #fff;
    margin-top: 16px;
    margin-bottom: 40px;
}

.statistics-contnet .statistics-box p:nth-child(3) {
    width: 75px;
    height: 20px;
    font-family: "PingFangSC-Regular";
    font-size: 14px;
    color: #fff;
    line-height: 22px;
}

/* 基地介绍 */
.base {
    width: 100%;
    height: 646px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.base-title {
    font-family: "PingFangSC-Semibold";
    font-size: 30px;
    color: #0a104a;
    text-align: center;
    height: 42px;
    margin: 0 0 64px;
}

.base-content {
    width: 82%;
    min-width: 1080px;
    height: 24.29vw;
    min-height: 319.86px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.base .base-left-image {
    width: 46%;
    height: 100%;
}

.base .base-info {
    width: 46%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 1% 0;
}

.base-info .base-subhead {
    font-family: "PingFangSC-Semibold";
    font-size: 22px;
    color: #0a104a;
    line-height: 32px;
    width: 396px;
    height: 32px;
    margin: 0;
}

.base-info .base-intro {
    font-family: "PingFangSC-Regular";
    font-size: 14px;
    color: #8890a6;
    line-height: 27px;
    width: 100%;
    height: 80px;
    margin: 2.7% 0 3.85%;
}

.base-info .base-data {
    height: 84px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0;
}

.base-info .base-data div:nth-child(1) {
    width: 126px;
}

.base-info .base-data div:nth-child(n + 2) {
    width: 112px;
}

.base-info .base-data p:nth-child(1) {
    font-family: "PingFangSC-Semibold";
    font-size: 40px;
    color: #ff9f40;
    line-height: 56px;
    height: 56px;
    margin: 0 0 8px;
}

.base-info .base-data p:nth-child(2) {
    font-family: "PingFangSC-Regular";
    font-size: 14px;
    color: #8890a6;
    height: 20px;
}

.base .data-sup-btn {
    margin: 7% 0 0;
    color: #fff;
    cursor: pointer;
    width: 120px;
    display: flex;
    justify-content: center;
}

.base .data-sup-btn span {
    cursor: pointer;
}

.base .data-sup-btn:hover .data-sup-assist-img {
    display: inline-block;
    margin-left: 16px;
}

/* 合作伙伴 */
.partner {
    margin: 0 auto 30px;
    width: 83%;
    min-width: 1000px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.partner .partner-title {
    font-family: "PingFangSC-Semibold";
    font-size: 30px;
    color: #0a104a;
    text-align: center;
    width: 420px;
    height: 42px;
    margin: 73px 0 56px;
}

.partner .partner-content {
    margin: 0 auto;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.partner .partner-box {
    width: 49.2%;
    height: 254px;
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #eef;
    border-radius: 8px;
}

.partner .partner-box img {
    margin-right: 32px;
    height: 100%;
}

.partner .partner-box .par-subhead {
    font-family: "PingFangSC-Semibold";
    font-size: 22px;
    color: #0a104a;
    line-height: 32px;
    margin: 32px 0 16px;
}

.partner .partner-box .par-intro {
    font-family: "PingFangSC-Regular";
    font-size: 16px;
    color: #8890a6;
    line-height: 24px;
    height: 96px;
    margin-right: 32px;
    margin-bottom: 24px;
}

.partner .par-join {
    text-decoration: none;
    color: #0a104a;
    margin: 0 0 32px;
}

.par-join .par-arrow {
    background: url('../img/arrow.svg') no-repeat center/100% 100%;
    display: inline-block;
    width: 14px;
    height: 8px;
    margin: 0 0 0 12px;
}

.partner-box .par-join a:nth-child(1) {
    font-family: "PingFangSC-Regular";
    font-size: 14px;
    line-height: 22px;
    width: 56px;
    height: 22px;
}

.partner-box .par-join a:nth-child(2) {
    width: 4px;
    height: 8px;
}

.partner-box:hover {
    border: none;
    box-shadow: 0 10px 30px 0 rgba(113, 155, 255, .2);
}

.partner-box .par-join a {
    color: #0a104a;
    cursor: pointer;
}

.partner-box:hover .par-join a {
    color: #0253ff;
    cursor: pointer;
}

.partner-box:hover .par-arrow {
    cursor: pointer;
    background-image: url('../img/arrow-blue.svg');
}

.partner-box:hover .par-join {
    cursor: pointer;
}

/* 数据合作 */
.coo {
    height: 333px;
    background: url('../img/coo-bg.png') no-repeat center;
    background-size: auto 333px;
}

.coo .coo-content {
    margin: 0 auto;
    width: 1060px;
    height: 100%;
    display: flex;
    justify-content: space-between;
    font-family: "PingFangSC-Regular";
    color: #fff;
}

.coo-content .coo-start {
    font-size: 40px;
    line-height: 64px;
    height: 64px;
    margin: 159px 0 16px;
}

.coo-content .coo-slogan {
    font-size: 14px;
    line-height: 22px;
    width: 238px;
    height: 22px;
}

.coo-content .coo-content-btn {
    background: #fff;
    border-radius: 8px;
    width: 120px;
    height: 48px;
    margin: 194px 0 0;
    font-size: 14px;
    color: #0a104a;
    text-align: center;
    line-height: 48px;
    text-decoration: none;
    transition: width .5s;
}

.coo-content-btn:hover {
    cursor: pointer;
    width: 150px;
    color: #0253ff;
}

.coo-arrow {
    display: none;
}

.coo-assist {
    width: 150px;
    height: 100%;
    display: flex;
    justify-content: flex-start;
}

.coo-content-btn:hover .coo-arrow {
    display: inline-block;
    width: 14px;
    height: 8px;
    background: url('../img/arrow-blue.svg') no-repeat center/100% 100%;
    margin: 0 0 0 8px;
}

/* 最新资讯平台 */
.news {
    height: 670px;
    background-image: url('../img/ico-sidebar-top.png');
    min-width: 1200px;
}

.news-title {
    margin: 0 auto;
    padding-top: 100px;
    height: 56px;
    font-family: "PingFangSC-Semibold";
    font-size: 30px;
    color: #0a104a;
    text-align: center;
    margin-bottom: 88px;
}

.news-container {
    margin: 0 auto;
    width: 82.85%;
    min-width: 1000px;
    height: 47.86vw;
    min-height: 574.32px;
}

.news-left-container {
    width: 66.7%;
    height: 60%;
    float: left;
}

.news-right-container {
    width: 27.93%;
    min-width: 301px;
    height: 60%;
    float: right;
}

.read-more {
    float: right;
    height: 56px;
    line-height: 56px;
    font-family: "PingFangSC-Regular";
    font-size: 14px;
    color: #0253ff;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.read-more:visited {
    color: #0253ff;
}

.news-read-more-arrow {
    cursor: pointer;
    width: 8px;
    height: 8px;
    margin: 0 0 0 8px;
    background: url('../img/homepage-new-more.svg') no-repeat center/100% 100%;
}

.read-more:hover {
    color: #0253ff;
}

.news-detail-border {
    background: #d8d8d8;
    height: 1px;
    width: 100%;
}

.detail-title {
    background: #0253ff;
    border-radius: 0 20px 0 0;
    height: 56px;
    width: 128px;
    font-family: 'PingFangSC-Regular';
    font-size: 20px;
    color: #fff;
    line-height: 56px;
    text-align: center;
    display: inline-block;
}

.news-repeat {
    margin-top: 32px;
    width: 100%;
    height: 78%;
}

.news-info-img {
    width: 50%;
    height: 70%;
    background-size: 100% 100%;
    border-radius: 8px 8px 0 0;
}

.news-info-img:hover + div {
    box-shadow: 0 10px 24px -4px #d6def0;
}

.news-info-img:hover + div a {
    font-family: "PingFangSC-Semibold";
    color: #2468f7;
}

.news-repeat .news-info-title a {
    font-family: "PingFangSC-Regular";
    font-size: 16px;
    color: #0a104a;
}

.news-repeat .news-info:hover a {
    font-family: "PingFangSC-Semibold";
    color: #2468f7;
    cursor: pointer;
}

.news-repeat .news-info:nth-child(2) {
    width: 50%;
    height: 30%;
    background: #fff;
    border-radius: 0 0 8px 8px;
    display: inline-block;
}

.news-repeat .news-info:nth-child(2):hover {
    box-shadow: 0 10px 24px -4px #d6def0;
}

.news-repeat .news-info:nth-child(2) .news-info-title {
    width: 60%;
    margin: 16px 0 8px 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.news-repeat .news-info:nth-child(2) .news-info-intro {
    font-family: "PingFangSC-Regular";
    font-size: 14px;
    color: #8890a6;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    margin-left: 24px;
    width: 80%;
}

.news-repeat .news-info:nth-child(2) .news-info-date {
    float: right;
    margin: 16px 24px 0 0;
    font-family: "PingFangSC-Regular";
    font-size: 14px;
    color: #8890a6;
}

.news-repeat .news-info:nth-child(3),
.news-repeat .news-info:nth-child(4) {
    float: right;
    width: 45%;
    height: 50%;
    border-radius: 8px;
    position: relative;
}

.news-repeat .news-info:nth-child(3) {
    margin-top: -218px;
}

.news-repeat .news-info:nth-child(4) {
    margin-top: -60px;
}

.news-repeat .news-info:nth-child(3) .news-info-date,
.news-repeat .news-info:nth-child(4) .news-info-date {
    position: absolute;
    top: 24px;
    left: 24px;
    font-family: "PingFangSC-Regular";
    color: #8890a6;
}

.news-repeat .news-info:nth-child(3) .news-info-title,
.news-repeat .news-info:nth-child(4) .news-info-title {
    position: absolute;
    top: 60px;
    left: 24px;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news-repeat .news-info:nth-child(3) .news-info-intro,
.news-repeat .news-info:nth-child(4) .news-info-intro {
    position: absolute;
    top: 100px;
    left: 24px;
    width: 90%;
    font-family: "PingFangSC-Regular";
    font-size: 14px;
    color: #8890a6;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news-repeat .news-info:nth-child(3):hover,
.news-repeat .news-info:nth-child(4):hover {
    background: #fff;
    box-shadow: 0 10px 24px -4px #d6def0;
}

.honor {
    height: 93.78%;
}

.honor-border {
    background: #d8d8d8;
    height: 1px;
    width: 100%;
}

.honor-list {
    margin-top: 10px;
    height: 77.11%;
}

.honor-list li {
    display: flex;
    align-items: center;
    margin: 0 auto;
    line-height: 62px;
    width: 100%;
    height: 21.31%;
    border-radius: 8px;
    white-space: nowrap;
    padding-left: 18px;
}

.honor-list li:hover {
    width: 118%;
    background: #fff;
    box-shadow: 0 10px 24px -4px #d6def0;
    border-radius: 8px;
}

.honor-list li a {
    font-family: "PingFangSC-Regular";
    font-size: 16px;
    color: #0a104a;
    overflow: hidden;
    text-overflow: ellipsis;
}

.honor-list li:hover a {
    color: #2468f7;
}

.honor-list li img {
    width: 22px;
    height: 24px;
    margin: 0 16px 0 8px;
}

@media screen and (min-width: 1400px) {
    .strength .strength-content,
    .partner,
    .news-container {
        width: 1160px;
    }

    .strength .strength-content div {
        width: 372px;
    }

    .statistics .statistics-contnet {
        width: 998px;
    }

    .news-container {
        height: 670px;
    }

    .base-content {
        width: 1148px;
        height: 340px;
    }

    .platform-service .tab-content {
        width: 1160px;
    }

    .data-content,
    .hot-body {
        width: 1200px;
    }

    .tech .tabs,
    .tech .products {
        width: 1185px;
    }

    .data-content {
        width: 1180px;
    }
}