/* 导航 */

.nav-var {
    top: 59px;
}

.crumb {
    margin: 108px auto 40px !important;
}

.head {
    width: 95%;
    margin: 40px auto;
}

.head h2 {
    font-size: 35px;
}

/* 科学依据 */

.accord {
    color: #fff;
    height: 800px;
    padding-top: 120px;
    padding-bottom: 60px;
    box-sizing: border-box;
    background-image: url("/tpl/pc/img/home/foundation.png");
    background-size: contain;
    justify-content: space-between;
}

.accord-top {
    padding: 0 60px;
}

.accord-top .left {
    font-size: 50px;
}

.accord-top .right {
    width: 400px;
    font-size: 15px;
    line-height: 32px;
}

.accord-top .right div:not(:last-child) {
    margin-bottom: 15px;
}

/* 梦想机器就像电视一样 */

.work-box {
    padding: 60px 0;
    background-color: #F8EEDE;
}

.work {
    width: 90%;
    margin: 0 auto;
}

.work .title {
    font-size: 30px;
    margin-bottom: 20px;
}

.work .vessel .item {
    display: flex;
    flex-basis: 23%;
    flex-direction: column;
    background-color: #FBF6EE;
    padding: 6px 6px;
    border-radius: 10px;
}

.work .vessel .item img.pic {
    width: 100%;
}

.work .vessel .item .video-box {
    position: relative;
}

.work .vessel .item .video-box>img {
    position: absolute;
    bottom: 12px;
    right: 8px;
    width: 20px;
    height: 20px;
    padding: 2px;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 50%;
    /* transform: translate(-50%, -50%); */
}

.work .vessel .item video {
    width: 100%;
    border-radius: 8px;
}

.work .vessel .item img.icon {
    width: 25px;
    height: 25px;
    margin: 8px 0 10px;
}

.work .vessel .item .label {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 10px;
}

.work .vessel .item .intro {
    height: 60px;
    font-size: 12px;
    color: #948D80;
}

/* 谈论 */

.talk {
    padding: 80px;
    background-color: #FBF6EE;
}

.talk .title {
    font-size: 36px;
    margin-bottom: 40px;
}

.talk .box {
    width: 90%;
    margin: 0 auto;
    flex-wrap: wrap;
}

.talk .item {
    flex-basis: 30%;
}

.talk .item:not(:nth-child(3n)) {
    margin-right: 35px;
}

.talk .item:not(:nth-child(-n +3)) {
    margin-top: 30px;
}

.talk .item .img {
    width: 100%;
    /* height: 345px; */
    max-width: 473px;
    object-fit: cover;
    border-radius: 4px;
}

.talk .item .sub {
    color: #1E1406;
    font-size: 22px;
    margin-top: 10px;
}

.talk .item .intro {
    font-size: 14px;
    margin-top: 10px;
    height: 110px;
}

.talk .item .border {
    padding: 10px 0;
    margin-top: 15px;
    border-radius: 4px;
    display: block;
    color: #000;
    text-decoration: none;
    border: 1px solid #000;
}

/* 科学支持的技术 */

.science {
    padding: 50px 0;
    background-color: #F8EDDD;
}

.science .title {
    font-size: 48px;
    margin-bottom: 30px;
}

.science .list {
    color: #fff;
}

.science .list .item {
    position: relative;
    padding: 0 50px;
}

.science .list .item:not(:last-child):after {
    content: '';
    /* 设置内容为空 */
    position: absolute;
    /* 绝对定位 */
    top: 50%;
    transform: translateY(-50%);
    /* 从顶部开始 */
    right: 0;
    /* 从右侧开始 */
    bottom: 0;
    /* 到底部结束 */
    width: 1px;
    height: 80%;
    /* 边框宽度 */
    background-color: #D2C8BA;
    /* 边框颜色 */
}

.science .item .percent {
    margin-bottom: 20px;
    font-size: 48px;
    color: #000;
}

.science .item .intro {
    color: #000;
    font-size: 16px;
    width: 234px;
}

/* 探索梦想机器的潜力 */
.dream {
    padding-top: 20px;
    background-color: #FBF6EE;
}

.dream .title {
    font-size: 30px;
    margin: 30px 0;
}

.dream .content {
    width: 75%;
    margin: 0 auto;
}

.dream .content div:not(:last-child) {
    margin-bottom: 20px;
}

.dream .pic {
    margin-top: 40px;
    margin-bottom: 50px;
}

.dream .pic .item {
    width: 280px;
    height: 400px;
    color: #fff;
    /* border: 1px solid red; */
    background-size: cover;
    padding-bottom: 20px;
    padding-left: 20px;
    border-radius: 4px;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.dream .pic .item:not(:last-child) {
    margin-right: 180px;
}

.dream .pic .item:nth-child(1) {
    background-image: url("/tpl/pc//img/ting.png");
}

.dream .pic .item:nth-child(2) {
    background-image: url("/tpl/pc//img/ting.png");
}

.dream .pic .name {
    font-size: 25px;
    margin-bottom: 10px;
}

.dream .pic .btn {
    width: 120px;
    padding: 5px 10px;
    border: 1px solid #fff;
}

.container-pub {
    background-color: #F8EDDD;
}