/* http://www.sinomax.com.cn/szsainuo/privacy.html */
.slide {
    position: relative;
    width: 100%;
    /* min-width: 40rem; */
    /* max-width: 120rem; */
    height: auto;
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    align-items: center;
}

.slide-item {
    flex: 0 0 100%;
    /* max-height: 768px; */
    /* min-height: 256px; */
    height: 48rem;
    background: rosybrown;
}

.slide-item > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slide-text {
    position: absolute;
    top: 35%;
    left: 0;
    width: 100%;
    /* height: 5.5rem; */
    display: flex;
    justify-content: center;
}

.slide-text > div {
    width: 62.5%;
    /* height: 5.5rem; */
    /* line-height: 5.5rem; */
    font-size: 4.125rem;
    color: #fff;
    text-align: left;
}

.slide-dot {
    position: absolute;
    bottom: 1.875rem;
    left: 0;
    width: 100%;
    height: 1rem;
    display: flex;
    justify-content: center;
}

.slide-dot-item {
    width: 1rem;
    height: 1rem;
    border-radius: .5rem;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer;
}

.dot {
    background: rgba(255, 255, 255, 0.78);
}

.slide-dot-gap {
    width: 1.5rem;
}

.about-tabs {
    position: absolute;
    display: flex;
    justify-content: flex-end;
    top: 0;
    left: 0;
    z-index: 99;
    height: 5.125rem;
    line-height: 5.125rem;
    width: 100vw;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 .25rem .5rem 0 rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(1rem);
}

.about-tab {
    position: relative;
    /* flex: 0 0 33%; */
    height: 100%;
    padding: 0 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 1.125rem;
    color: rgba(0, 0, 0, 0.4);
    cursor: pointer;
    text-decoration: none;
    font-size: 14px;
}

.about-tab-void {
    display: block;
    width: 17.5%;
}

.about-underline {
    position: absolute;
    bottom: .5rem;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}

.about-underline > div {
    width: .75rem;
    height: .25rem;
    border-radius: .125rem;
}

.about-tab.select {
    color: #000;
}

.select > .about-underline > div {
    background: #39BD8E;
}

.title {
    margin: 0 auto;
    position: relative;
    height: 3.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.5rem;
    font-weight: bold;
}

.title-shadow {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.5rem;
    display: flex;
    justify-content: center;
}

.title-shadow > div {
    height: 100%;
    background: rgba(57, 189, 142, 0.12);
    border-radius: .875rem;
    color: rgba(0,0,0,0);
}

.text-card,
.photo-card,
.product-card {
    width: 100%;
    height: 25rem;
    display: flex;
    justify-content: space-between;
    padding: 0 18.75%;
}

.text-card {
    text-align: left;
}

.text-card-item {
    flex: 0 1 calc((100% - 1.875rem) / 3);
    height: 100%;
    padding: 2.5rem 2.25rem;
    box-shadow: 0 .25rem 1rem 0 rgba(0, 0, 0, 0.1);
    border-radius: .625rem;
}

.text-card-icon {
    width: 3.5rem;
    height: 3.5rem;
}

.text-card-icon > img {
    width: 100%;
    height: 100%;
}

.text-card-title {
    margin: 2.5rem 0 .5rem;
    width: 100%;
    font-size: 1.625rem;
    font-weight: bold;
}

.text-card-text {
    margin-top: .875rem;
    width: 100%;
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.5);
}

.photo-card {
    margin-top: 1.875rem;
    height: 14.6875rem;
}

.product-card {
    margin-top: 3.75rem;
}

.photo-card-item,
.product-card-item,
.product-card-item-alt {
    position: relative;
    width: calc((100% - 3.75rem) / 3);
    height: 14.6875rem;
    border-radius: 1rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.photo-card-item > img,
.product-card-item > img,
.product-card-item-alt > img {
    width: 100%;
    height: 100%;
}

.photo-card-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(31, 31, 31, 0.3);
    color: rgba(255, 255, 255, 0.9);
    font-size: 1.75rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-card {
    height: 17.5rem;
}

.product-card-item,
.product-card-item-alt {
    height: 17.5rem;
    background: rgba(239, 239, 239, 1);
}


.product-card-item-alt {
    width: 23.75rem;
    height: 17.5rem;
}

.product-card-item-alt.m {
    margin-left: 1.875rem;
}

.product-card-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2.25rem;
    line-height: 2.25rem;
    background: rgba(113, 113, 113, 0.3);
    color: #fff;
}

.professor {
    position: relative;
    margin: 3.125rem auto 0; 
    width: 66.15%;
    height: 29.25rem;
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap;
    background: #fff;
    box-shadow: 0 .375rem .75rem .125rem rgba(0, 0, 0, 0.1);
    border-radius: 1.875rem;
}

.professor-item {
    padding: 1.5rem;
    flex: 0 0 100%;
    height: 29.25rem;
    display: flex;
    align-items: center;
}

.professor-pic {
    padding: 2rem 3.125rem;
    width: 22.5rem;
    height: 26.25rem;
}

.professor-pic > img {
    width: 100%;
    height: 100%;
}

.professor-right {
    margin-left: 2.375rem;
    width: calc(100% - 27rem);
    height: 100%;
    text-align: left;
}

.professor-title {
    margin-top: 1rem;
    font-size: 2.25rem;
    font-weight: bold;
}

.professor-text {
    margin-top: 2.5rem;
    font-size: 1.75rem;
    font-weight: bold;
}

.professor-text > p {
    margin: 0;
    line-height: 3.125rem;
}

.professor-dot,
.news-dot {
    margin-top: 3rem;
    width: 100%;
    height: 1rem;
    display: flex;
    justify-content: center;
}

.professor-dot-item,
.news-dot-item {
    margin-left: 1.5rem;
    width: 1rem;
    height: 1rem;
    border-radius: .5rem;
    background: #D8D8D8;
    cursor: pointer;
}

.current-dot,
.current-news {
    background: #39BD8E;
}

.brand {
    margin-top: 3.125rem;
    width: 100%;
    height: 6.875rem;
    display: flex;
    padding: 0 18.75%;
    justify-content: space-between;
}

.brand-item {
    width: calc((100% - 15rem) / 4);
    height: 100%;
    background: #fff;
    border: .125rem solid #E6E6E6;
}

.brand-item > img {
    width: 100%;
    height: 100%;
}

.news {
    width: 100%;
    height: 33.875rem;
    padding: 0 18.75%;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    overflow: hidden;
}

.news-item {
    width: calc((100% - 2.25rem) / 2);
    height: 32.625rem;
    background: #FFFFFF;
    box-shadow: 0 .25rem 1rem 0 rgba(0, 0, 0, 0.1);
    border-radius: 1rem;
    overflow: hidden;
    cursor: pointer;
    text-align: left;
}

.news-pic {
    width: 100%;
    height: 22.5rem;
    background: cornflowerblue;
}

.news-pic > img {
    width: 100%;
    height: 100%;
}

.news-title {
    margin-top: 1.875rem;
    width: 100%;
    padding: 0 1.25rem;
    font-size: 1.375rem;
}

.news-info {
    margin-top: 1.25rem;
    width: 100%;
    padding: 0 1.25rem;
    display: flex;
    justify-content: space-between;
}

.news-info-text {
    font-size: 1.25rem;
    color: rgba(0, 0, 0, 0.5);
}



/**** **** 手机适配 **** ****/
@media screen and (max-device-width: 480px) {
.slide {
    height: 20rem;
}
.slide-item {
    height: 20rem;
    background: rosybrown;
}

.slide-text {
    position: absolute;
    top: 35%;
    left: 0;
    width: 100%;
    /* height: 5.5rem; */
    display: flex;
    justify-content: center;
}

.slide-text > div {
    width: 80%;
    font-size: 3.125rem;
    color: #fff;
    text-align: left;
}


.text-card,
.photo-card,
.product-card {
    padding: 0 1.5rem;
    height: auto;
    flex-wrap: wrap;
}

.photo-card {
    margin-top: 0;
}

.text-card-item {
    margin: 1rem auto;
    flex: 0 0 100%;
    height: 25rem;
    padding: 2.5rem 2.25rem;
    box-shadow: 0 .25rem 1rem 0 rgba(0, 0, 0, 0.1);
    border-radius: .625rem;
}

.photo-card-item,
.product-card-item,
.product-card-item-alt {
    margin-top: 1rem;
    width: 100%;
    height: auto;
}

.photo-card-item.m {
    display: none;
}

.product-card {
    margin-top: 0;
}

.product-card,
.product-card-item,
.product-card-item-alt {
    height: auto;
}

.product-card-item-alt.m {
    margin-left: 0;
}

.professor {
    width: calc(100% - 3rem);
    height: 15rem;
}

.professor-item {
    padding: 1.5rem;
    flex: 0 0 100%;
    height: 15rem;
}

.professor-pic {
    padding: 1rem 1.5rem;
    width: 11.25rem;
    height: 13.125rem;
}

.professor-pic > img {
    width: 100%;
    height: 100%;
}

.professor-right {
    margin-left: 1.2rem;
    width: calc(100% - 14.25rem);
    height: 100%;
    text-align: left;
}

.professor-title {
    margin-top: .5rem;
    font-size: 1.125rem;
    font-weight: bold;
}

.professor-text {
    margin-top: 1.25rem;
    font-size: .875rem;
}

.professor-text > p {
    line-height: 1.5rem;
}

.brand {
    margin: 0 auto;
    width: calc(100% - 3rem);
    height: auto;
    padding: 0;
    flex-wrap: wrap;
}

.brand-item {
    margin-top: 1rem;
    width: calc((100% - 2rem) / 2);
    height: auto;
}

.news {
    width: 100%;
    height: auto;
    padding: 1rem 0;
    flex-wrap: wrap;
    justify-content: center;
}

.news-item {
    margin-top: 1rem;
    padding-bottom: 1rem;
    width: calc(100% - 3rem);
    height: auto;
}

.news-pic {
    width: 100%;
    height: 22.5rem;
    background: cornflowerblue;
}

.about-tabs {
    justify-content: center;
}

.about-tab {
    padding: 0 1rem;
}

.about-tab-void {
    display: none;
}

}