.w1400 {
    width: 14rem;
    margin: 0 auto;
    position: relative;
    font-size: 0;
}

@media (max-width: 1420px) {
    .w1400 {
        width: 94%;
    }
}

.nanner {
    width: 100%;
    position: relative;
}

.nanner .imgs {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.nanner .imgs .img {
    width: 100%;
    padding-top: 26%;
}

.nanner .imgs .iox {
    width: auto;
    position: absolute;
    z-index: 3;
    left: calc((260 / 1920) * 100%);
    top: 50%;
    transform: translateY(-50%);
    text-align: left;
}

.nanner .imgs .iox .cn {
    color: #fff;
    font-weight: bold;
    line-height: 1.5;
}

.nanner .imgs .iox .en {
    color: #fff;
    line-height: 1.5;
    margin: 0rem 0 0.1rem;
}

.nanner .nanper {
    width: 100%;
    position: absolute;
    background-color: rgba(61, 201, 189, 0.8);
    width: 100%;
    left: 0;
    right: 0;
    z-index: 2;
    bottom: 0;
}

.nanner .nanper .swiper-slide {
    width: 50%;
}

.nanner .nanper .swiper-slide a {
    width: 100%;
    display: block;
    color: #fff;
    line-height: 3;
    padding: 0 0.06rem;
    text-align: center;
}

.nanner .nanper .swiper-slide.on a {
    background-color: #4ac1bb;
}

.nanner .nanper .swiper-container.w3 .swiper-slide {
    width: 33.3%;
}

.nanner .nanper .swiper-container.w4 .swiper-slide {
    width: 25%;
}
@media(max-width: 1600px){
    .nanner .nanper .swiper-slide a{font-size: 16px;}
}
@media (max-width: 800px) {
    .nanner .nanper {
        position: relative;
    }
}

.pages {
    width: 100%;
    font-size: 0;
    padding: 0.3rem 0;
    text-align: center;
}

.pages .page {
    display: inline-block;
    vertical-align: middle;
    width: 0.48rem;
    height: 0.48rem;
    line-height: 0.48rem;
    color: #666;
    border-radius: 50%;
    margin: 0 0.08rem;
    text-align: center;
    background-color: #fff;
    border: solid 1px #eeeeee;
}

.pages .page.auto {
    width: auto;
    padding: 0 0.2rem;
    border-radius: 0.24rem;
}

.pages .page.on,
.pages .page:hover {
    background-color: #4dbcb3;
    border: solid 1px #4dbcb3;
    color: #fff;
}

@media (max-width: 800px) {
    .pages .page {
        width: 0.7rem;
        height: 0.7rem;
        line-height: 0.7rem;
        border-radius: .35rem;
    }
    .pages .page.auto{
        border-radius: .35rem;
    }
}

.datas {
    width: 100%;
    padding: 0.5rem 0;
    background-color: #f8f8f8;
}

.datas .datalist {
    width: 100%;
}

.datas .datalist .datem {
    width: 100%;
    background-color: #fff;
    padding: 0.3rem 0.4rem;
    margin-bottom: 0.3rem;
}

.datas .datalist .datem a {
    width: 100%;
    display: block;
}

.datas .datalist .datem .icon {
    display: inline-block;
    vertical-align: middle;
    width: 0.4rem;
    height: 0.4rem;
}

.datas .datalist .datem .icon img {
    width: 100%;
    display: block;
}

.datas .datalist .datem .icon img:first-child {
    display: block;
}

.datas .datalist .datem .icon img:last-child {
    display: none;
}

.datas .datalist .datem .name {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 0.4rem - 2rem - 2rem);
    color: #333;
    line-height: 1.5;
    padding: 0 0.3rem;
}

.datas .datalist .datem .size {
    display: inline-block;
    vertical-align: middle;
    color: #888;
    line-height: 1.5;
    width: 2rem;
    text-align: center;
}

.datas .datalist .datem .down {
    width: 2rem;
    display: inline-block;
    vertical-align: middle;
}

.datas .datalist .datem .down a {
    width: 100%;
    display: block;
    text-align: center;
    line-height: 3;
    border-radius: 1.5em;
    color: #888;
    background-color: #f4f4f4;
}

.datas .datalist .datem:hover {
    background-color: #3dc9bd;
}

.datas .datalist .datem:hover .icon img:first-child {
    display: none;
}

.datas .datalist .datem:hover .icon img:last-child {
    display: block;
}

.datas .datalist .datem:hover .name,
.datas .datalist .datem:hover .size {
    color: #fff;
}

.datas .datalist .datem:hover .down a {
    background-color: #fff;
    color: #3dc9bd;
}

.modular .title {
    width: 100%;
    text-align: center;
    color: #3dc9bd;
    font-weight: bold;
    margin-bottom: 0.5rem;
}
@media(max-width: 960px){
    .modular .title{font-size: 26px;}
}

.contact {
    width: 100%;
    padding: 0.5rem 0 1.3rem;
}

.contact .contm {
    width: 100%;
    font-size: 0;
    background-color: #3dc9bd;
}

.contact .contm .col {
    width: calc((880 / 1400) * 100%);
    display: inline-block;
    vertical-align: middle;
}

.contact .contm .col .img {
    width: 100%;
    padding-top: 45%;
}

.contact .contm .cor {
    width: calc((519 / 1400) * 100%);
    display: inline-block;
    vertical-align: middle;
    padding: 0.4rem;
}

.contact .contm .cor .onp {
    width: 100%;
    color: #fff;
    line-height: 1.5;
    margin-bottom: 0.3rem;
}

.contact .contm .cor .plis {
    width: 100%;
}

.contact .contm .cor .plis .li {
    width: 100%;
    font-size: 0;
    margin: 0.1rem 0;
}

.contact .contm .cor .plis .li .icon {
    display: inline-block;
    vertical-align: middle;
    width: 0.16rem;
    height: 0.16rem;
    margin-right: 0.14rem;
    width: 16px;
    height: 16px;
}

.contact .contm .cor .plis .li .icon img {
    width: 100%;
    display: block;
}

.contact .contm .cor .plis .li .vs {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 0.15rem - 16px);
    color: #fff;
    line-height: 2;
}

.recruits {
    width: 100%;
    padding: 0.5rem 0;
}

.recruits .cform {
    width: 100%;
    font-size: 0;
    margin-bottom: 0.3rem;
}

.recruits .cform .cfl {
    width: calc((860 / 1400) * 100%);
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    margin-right: calc((39/ 1400) * 100%);
}

.recruits .cform .cfl .flm {
    width: calc((410 / 860) * 100%);
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: calc((39 / 860) * 100%);
}

.recruits .cform .cfl .flm:nth-child(2n) {
    margin-right: 0;
}

.recruits .cform .cfl .name {
    display: inline-block;
    vertical-align: middle;
    width: 90px;
    color: #666;
    line-height: 1.5;
    margin-right: 10px;
}

.recruits .cform .cfl .select-con {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    width: calc(100% - 100px);
    font-size: calc(12px - 0.12rem + 0.14rem);
    line-height: 3;
    height: 3em;
    background-color: #f8f8f8;
    overflow: hidden;
    position: relative;
    border-radius: 1.5em;
}

.recruits .cform .cfl .select-con .select-value {
    width: auto;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    line-height: 3;
    height: 3em;
    color: #999;
    padding: 0 0.3rem 0 0.25rem;
    font-size: calc(12px - 0.12rem + 0.14rem);
    text-align: left;
}

.recruits .cform .cfl .select-con select {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    opacity: 0;
}

.recruits .cform .cfl .select-con select option {
    color: #333;
    font-size: calc(12px - 0.12rem + 0.14rem);
    line-height: 3;
}

.recruits .cform .cfl .select-con:after {
    display: inline-block;
    content: "";
    background-image: url("/themes/pc_cn/public/assets/images/x.png");
    background-position: center;
    background-size: 100%;
    width: 14px;
    height: 8px;
    position: absolute;
    right: 0.2rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.recruits .cform .cfl .select-con:nth-child(2n) {
    margin-right: 0;
}

.recruits .cform .cfr {
    width: calc((500/ 1400) * 100%);
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.recruits .cform .cfr input[type=text] {
    width: calc(100% - 0.82rem);
    padding: 0 0.2rem;
    background: #f8f8f8;
    border: none;
    font-size: calc(12px - 0.12rem + 0.14rem);
    line-height: 3;
    height: 3em;
    display: inline-block;
    vertical-align: middle;
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
}

.recruits .cform .cfr input[type=button] {
    width: 0.8rem;
    display: inline-block;
    vertical-align: middle;
    font-size: calc(12px - 0.12rem + 0.14rem);
    line-height: 3;
    height: 3em;
    color: #fff;
    border: none;
    background-image: url("/themes/pc_cn/public/assets/images/ss.png");
    background-position: center;
    background-size: 0.2rem 0.2rem;
    background-repeat: no-repeat;
    background-color: #3dc9bd;
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
}

.recruits .cform .cfr input[type=button]:hover {
    background: #8dc21f;
}

.recruits .recruit {
    width: 100%;
}

.recruits .recruit .con-item {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #f8f8f8;
    margin-bottom: 0.3rem;
}

.recruits .recruit .con-item .titles {
    width: 100%;
    line-height: 3;
    position: relative;
    font-size: 0;
    cursor: pointer;
}

.recruits .recruit .con-item .titles .name {
    display: inline-block;
    vertical-align: middle;
    color: #666;
    text-align: center;
    font-size: calc(12px - 0.12rem + 0.16rem);
    line-height: 3;
    width: 100%;
    text-align: left;
    padding-left: 0.2rem;
    padding-right: 1rem;
}

.recruits .recruit .con-item .titles .name:after {
    content: '+';
    position: absolute;
    right: 0.1rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: calc(12px - 0.12rem + 0.24rem);
    width: 0.4rem;
    height: 0.4rem;
    text-align: center;
    line-height: 0.4rem;
    color: #666;
}

.recruits .recruit .con-item .titles .as {
    position: absolute;
    z-index: 2;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    line-height: 2;
    display: none;
}

.recruits .recruit .con-item .contents {
    display: none;
    width: 100%;
    padding: 0.5rem 0.3rem;
    height: auto;
    background: #f8f8f8;
}

.recruits .recruit .con-item .contents .column {
    width: 100%;
    height: auto;
    font-size: 0;
}

.recruits .recruit .con-item .contents .column .column-item {
    width: 48%;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    height: auto;
    margin-bottom: 0.3rem;
}

.recruits .recruit .con-item .contents .column .column-item .column-name {
    height: 0.4rem;
    line-height: 0.4rem;
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #333;
    font-weight: bold;
    text-align: left;
    display: block;
}

.recruits .recruit .con-item .contents .column .column-item .column-list {
    width: 100%;
    padding: 0rem 0 0.15rem;
    line-height: 2;
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #333;
    text-align: justify;
}

.recruits .recruit .con-item .contents .column .column-item .column-list * {
    line-height: inherit;
}

.recruits .recruit .con-item .contents .tips {
    width: 100%;
    font-size: 0;
}

.recruits .recruit .con-item .contents .tips span {
    display: inline-block;
    vertical-align: middle;
    color: #666;
    line-height: 1.5;
    margin-right: 0.3rem;
    margin-bottom: 0.16rem;
}

.recruits .recruit .con-item.show .titles {
    background: #4dbcb3;
}

.recruits .recruit .con-item.show .titles .name {
    color: #fff;
}

.recruits .recruit .con-item.show .titles .name:after {
    content: '-';
    color: #fff;
}

.recruits .recruit .con-item.show .titles .as {
    display: inline-block;
    vertical-align: middle;
}

.recruits .recruit .con-item:hover .titles {
    background: #4dbcb3;
}

.recruits .recruit .con-item:hover .titles .name {
    color: #fff;
}

.recruits .recruit .con-item:hover .titles .name:after {
    color: #fff;
}

.videos {
    width: 100%;
    padding: 0.5rem 0;
    background-color: #f9f9f9;
}

.videos .videlist {
    width: 100%;
    font-size: 0;
}

.videos .videlist .vedim {
    display: inline-block;
    vertical-align: top;
    width: calc((445 / 1400) * 100%);
    margin-right: calc((32 / 1400) * 100%);
    margin-bottom: 0.46rem;
}

.videos .videlist .vedim .imgs {
    width: 100%;
    overflow: hidden;
    cursor: pointer;
}

.videos .videlist .vedim .imgs .img {
    width: 100%;
    padding-top: 60%;
    position: relative;
    transition: all ease 0.3s;
}

.videos .videlist .vedim .imgs .img .play {
    position: absolute;
    z-index: 4;
    cursor: pointer;
    width: 0.5rem;
    height: 0.5rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all ease 0.3s;
}

.videos .videlist .vedim .imgs .img .play img {
    width: 100%;
    display: block;
}

.videos .videlist .vedim .imgs .img .bg {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.videos .videlist .vedim .vem {
    width: 100%;
    background-color: #fff;
    padding: 0.3rem;
}

.videos .videlist .vedim .vem .vt {
    width: 100%;
    color: #333;
    line-height: 1.5;
    margin-bottom: 0.1rem;
}

.videos .videlist .vedim .vem .time {
    width: 100%;
    color: #666;
    line-height: 1.5;
}

.videos .videlist .vedim:nth-child(3n) {
    margin-right: 0;
}

.videos .videlist .vedim:hover .imgs .img .play {
    transform: translate(-50%, -50%) scale(1.1);
}

.Organoids {
    width: 100%;
    padding: 0.5rem 0;
    background-color: #f9f9f9;
}

.Organoids .orgem {
    width: 100%;
    font-size: 0;
    background-color: #fff;
    padding: 0.4rem;
}

.Organoids .orgem .orl {
    display: inline-block;
    vertical-align: middle;
    width: calc((780 / 1360) * 100%);
}

.Organoids .orgem .orl .img {
    width: 100%;
    padding-top: 44%;
}

.Organoids .orgem .orm {
    display: inline-block;
    vertical-align: middle;
    width: calc((520 / 1360) * 100%);
    margin-left: calc((49 / 1360) * 100%);
}

.Organoids .orgem .orm .ot {
    width: 100%;
    color: #3dc9bd;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 0.26rem;
}

.Organoids .orgem .orm .onmp {
    width: 100%;
    color: #555;
    font-size: 16px;
    text-align: justify;
    line-height: 1.8;
}

.Organoids .orgem .orm .onmp * {
    line-height: inherit;
}

.advantages {
    width: 100%;
    background-color: #fff;
    padding: 0.5rem 0;
}

.advantages .advom {
    width: 100%;
    color: #555;
    font-size: calc(12px - 0.12rem + 0.16rem);
    line-height: 1.8;
    text-align: justify;
}

.advantages .advom * {
    line-height: inherit;
}

.medical {
    width: 100%;
    padding: 0.5rem 0;
}

.medical .orgem {
    width: 100%;
    font-size: 0;
    background-color: #f2faf9;
    padding: 0.4rem;
}

.medical .orgem .orl {
    display: inline-block;
    vertical-align: middle;
    width: calc((580 / 1360) * 100%);
}

.medical .orgem .orl .img {
    width: 100%;
    padding-top: 73%;
}

.medical .orgem .orm {
    display: inline-block;
    vertical-align: middle;
    width: calc((560 / 1360) * 100%);
    margin-left: calc((119 / 1360) * 100%);
}

.medical .orgem .orm .onmp {
    width: 100%;
    color: #555;
    font-size: calc(12px - 0.12rem + 0.14rem);
    line-height: 1.8;
    text-align: justify;
}
.medical .orgem .orm .onmp *{
    line-height: inherit;
}

.medical .cems {
    width: 100%;
    margin: 0.4rem 0;
    color: #555;
    font-size: calc(12px - 0.12rem + 0.14rem);
    line-height: 1.8;
    text-align: justify;
}

.medical .cems *{
    line-height: inherit;
}

.medical .flowpath {
    width: 100%;
    background-color: #f2faf9;
    padding: 0.4rem;
}

.medical .flowpath .fit {
    width: 100%;
    text-align: center;
    line-height: 1.5;
    margin-bottom: 0.3rem;
    color: #2ec5b9;
}

.medical .flowpath .mgs {
    width: 100%;
}

.medical .flowpath .mgs .img {
    width: 100%;
    padding-top: 27%;
}

.medical .effect {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    justify-content: space-between;
    background-color: #f2faf9;
    margin: 0.3rem 0;
}

.medical .effect .imgs {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
}

.medical .effect .imgs .img {
    width: 100%;
    padding-top: 75%;
}

.medical .effect .temlis {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    padding: 0.5rem;
    text-align: justify;
}

.medical .effect .temlis .tli {
    width: 100%;
    margin-bottom: 0.3rem;
}

.medical .effect .temlis .tli .is {
    width: 100%;
    position: relative;
    color: #3dc9bd;
    line-height: 1.5;
    font-weight: bold;
    margin-bottom: 0.1rem;
}

.medical .effect .temlis .tli .is:before {
    position: absolute;
    content: ' ';
    width: 0.05rem;
    height: 0.05rem;
    border-radius: 50%;
    background-color: #3dc9bd;
    left: -0.14rem;
    top: 50%;
    transform: translateY(-50%);
}

.medical .effect .temlis .tli .ix {
    width: 100%;
    color: #555;
    line-height: 1.6;
}

.medical .effect .temlis .tli .ix *{
    line-height: inherit;
}

.medical .service {
    width: 100%;
    padding: 0.2rem 0;
}

.medical .service .sit {
    width: 100%;
    color: #2ec5b9;
    line-height: 1.5;
    font-weight: bold;
    margin-bottom: 0.3rem;
}

.medical .service .servper {
    width: 100%;
}

.medical .service .servper .swiper-container {
    padding: 0.1rem 0 0.5rem;
}

.medical .service .servper .swiper-slide {
    width: 100%;
}

.medical .service .servper .swiper-slide a {
    width: 100%;
    display: block;
}

.medical .service .servper .swiper-slide .imgs {
    width: 100%;
    overflow: hidden;
    cursor: pointer;
}

.medical .service .servper .swiper-slide .imgs .img {
    width: 100%;
    padding-top: 56%;
    position: relative;
    transition: all ease 0.3s;
}

.medical .service .servper .swiper-slide .vem {
    width: 100%;
    text-align: center;
    box-shadow: 0px 0px 9px 0px rgba(239, 239, 239, 0.7);
    padding: 0.3rem;
    border-bottom: solid 2px transparent;
}

.medical .service .servper .swiper-slide .vem .vt {
    width: 100%;
    color: #333;
    line-height: 1.5;
    margin-bottom: 0.06rem;
}

.medical .service .servper .swiper-slide .vem .time {
    width: 100%;
    color: #666;
    line-height: 1.5;
}

.medical .service .servper .swiper-slide:hover .imgs .img {
    transform: scale(1.1);
}

.medical .service .servper .swiper-slide:hover .vem {
    border-bottom: solid 2px #3dc9bd;
}

.medical .service .servper .swiper-slide:hover .vem .vt,
.medical .service .servper .swiper-slide:hover .vem .time {
    color: #3dc9bd;
}

.medical .service .servper .swiper-pagination {
    bottom: 0rem;
}

.medical .service .servper .swiper-pagination-bullet {
    background-color: transparent;
    border: solid 1px #45b3aa;
    opacity: 1;
}

.medical .service .servper .swiper-pagination-bullet-active {
    background-color: #45b3aa;
}

.company {
    width: 100%;
    padding: 0.5rem 0;
}

.company .comte {
    width: 100%;
    font-size: 0;
    text-align: justify;
}

.company .comte .col {
    display: inline-block;
    vertical-align: middle;
    width: calc((310 / 1400) * 100%);
    margin-right: calc((100 / 1400) * 100%);
}

.company .comte .col .img {
    width: 100%;
    padding-top: 33.3%;
}

.company .comte .cor {
    display: inline-block;
    vertical-align: middle;
    width: calc((970 / 1400) * 100%);
    color: #555;
    font-size: calc(12px - 0.12rem + 0.14rem);
    line-height: 1.8;
}
.company .comte .cor *{
    line-height: inherit;
}

.company .bmg {
    width: 100%;
    margin: 0.3rem 0;
    padding-top: 32%;
}

.company .vtems {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    background-color: #f2faf9;
    margin: 0.3rem 0;
}

.company .vtems .vtl {
    width: calc((680 / 1400) * 100%);
    display: inline-block;
    vertical-align: middle;
}

.company .vtems .vtl .img {
    width: 100%;
    padding-top: 61%;
}

.company .vtems .vtr {
    width: calc((719 / 1400) * 100%);
    color: #555;
    font-size: calc(12px - 0.12rem + 0.14rem);
    line-height: 1.8;
    padding: 0.5rem;
    text-align: justify;
}

.company .vtems .vtr *{
    line-height: 1.8;
}

.company .servper {
    width: 100%;
}

.company .servper .swiper-container {
    padding: 0.1rem 0 0.5rem;
}

.company .servper .swiper-slide {
    width: 100%;
}

.company .servper .swiper-slide a {
    width: 100%;
    display: block;
}

.company .servper .swiper-slide .imgs {
    width: 100%;
    overflow: hidden;
    cursor: pointer;
}

.company .servper .swiper-slide .imgs .img {
    width: 100%;
    padding-top: 56%;
    position: relative;
    transition: all ease 0.3s;
}

.company .servper .swiper-slide .vem {
    width: 100%;
    text-align: center;
    box-shadow: 0px 0px 9px 0px rgba(239, 239, 239, 0.7);
    padding: 0.3rem;
    border-bottom: solid 2px transparent;
}

.company .servper .swiper-slide .vem .vt {
    width: 100%;
    color: #333;
    line-height: 1.5;
    margin-bottom: 0.06rem;
}

.company .servper .swiper-slide .vem .time {
    width: 100%;
    color: #666;
    line-height: 1.5;
}

.company .servper .swiper-slide:hover .imgs .img {
    transform: scale(1.1);
}

.company .servper .swiper-slide:hover .vem {
    border-bottom: solid 2px #3dc9bd;
}

.company .servper .swiper-slide:hover .vem .vt,
.company .servper .swiper-slide:hover .vem .time {
    color: #3dc9bd;
}

.company .servper .swiper-pagination {
    bottom: 0rem;
}

.company .servper .swiper-pagination-bullet {
    background-color: transparent;
    border: solid 1px #45b3aa;
    opacity: 1;
}

.company .servper .swiper-pagination-bullet-active {
    background-color: #45b3aa;
}

.team {
    width: 100%;
    padding: 0.5rem 0;
}

.team .title {
    width: 100%;
    color: #3dc9bd;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 0.3rem;
}

.team .teamlis {
    width: 100%;
}

.team .teamlis .teams {
    width: 100%;
    margin-bottom: 1rem;
}

.team .teamlis .teams .tem {
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    padding-right: calc((260 / 1920) * 100%);
}

.team .teamlis .teams .tem .tel {
    width: calc((420 / 1660) * 100%);
    display: inline-block;
    vertical-align: middle;
}

.team .teamlis .teams .tem .tel .img {
    width: 100%;
    padding-top: 126%;
}

.team .teamlis .teams .tem .ter {
    width: calc((1239 / 1660) * 100%);
    display: inline-block;
    vertical-align: middle;
    background-color: #f8f8f8;
    padding: 0.6rem 0.6rem 0.6rem calc((260 / 1660) * 100%);
}

.team .teamlis .teams .tem .ter .tos {
    width: 100%;
    font-size: 0;
    margin-bottom: 0.4rem;
}

.team .teamlis .teams .tem .ter .tos span {
    display: inline-block;
    vertical-align: bottom;
    color: #333;
    margin-right: 0.24rem;
}

.team .teamlis .teams .tem .ter .tos .name {
    font-weight: bold;
}

.team .teamlis .teams .tem .ter .enp {
    width: 100%;
    color: #555;
    font-size: calc(12px - 0.12rem + 0.16rem);
    line-height: 1.8;
    height: 2rem;
    text-align: justify;
}

.team .teamlis .teams .tem .ter .enp p {
    color: #555;
    font-size: calc(12px - 0.12rem + 0.16rem);
    line-height: 1.8;
}

.team .teamlis .teams:nth-child(2n) .tem {
    flex-direction: row;
    padding-left: calc((260 / 1920) * 100%);
    padding-right: 0;
}

.team .teamlis .teams:nth-child(2n) .tem .ter {
    padding: 0.6rem calc((260 / 1660) * 100%) 0.6rem 0.6rem;
}

@media (max-width: 1420px) {
    .team .teamlis .teams .tem {
        padding-right: 3%;
    }

    .team .teamlis .teams .tem .ter {
        padding: 0.6rem 0.6rem 0.6rem 3%;
    }

    .team .teamlis .teams:nth-child(2n) .tem {
        padding-left: 3%;
    }

    .team .teamlis .teams:nth-child(2n) .tem .ter {
        padding: 0.6rem 3% 0.6rem 0.6rem;
    }
}

@media (max-width: 800px) {
    .team .teamlis .teams {
        margin-bottom: 0.6rem;
    }

    .team .teamlis .teams .tem {
        padding: 0 3%;
    }

    .team .teamlis .teams .tem .tel {
        max-width: 80% !important;
        margin: 0 auto !important;
    }
    .company .comte .col{
        display: none !important;
    }
}

.news {
    width: 100%;
    padding: 0.5rem 0;
    background-color: #f9f9f9;
}

.news .newper {
    width: 100%;
    margin-bottom: 0.5rem;
}

.news .newper .swiper-slide {
    width: 100%;
}

.news .newper .swiper-slide a {
    width: 100%;
    display: block;
}

.news .newper .swiper-slide .imgs {
    width: 100%;
    overflow: hidden;
}

.news .newper .swiper-slide .imgs .img {
    width: 100%;
    padding-top: 60%;
    transition: all ease 0.3s;
}

.news .newper .swiper-slide .vem {
    width: 100%;
    padding: 0.3rem;
    background-color: #fff;
}

.news .newper .swiper-slide .vem .vt {
    width: 100%;
    color: #333;
    line-height: 1.5;
}

.news .newper .swiper-slide .vem .vr {
    width: 100%;
    color: #777;
    line-height: 1.5;
    height: 2.9em;
    margin: 0.14rem 0;
}

.news .newper .swiper-slide .vem .time {
    width: 100%;
    color: #666;
    line-height: 2;
}

.news .newper .swiper-slide .vem .time span {
    display: inline-block;
    vertical-align: middle;
    width: 0.32rem;
    height: 0.32rem;
    margin-right: 0.2rem;
    position: relative;
    top: -0.01rem;
}

.news .newper .swiper-slide .vem .time span img {
    width: 100%;
    display: block;
}

.news .newper .swiper-slide .vem .time span img:first-child {
    display: block;
}

.news .newper .swiper-slide .vem .time span img:last-child {
    display: none;
}

.news .newper .swiper-slide:hover .imgs .img {
    transform: scale(1.1);
}

.news .newper .swiper-slide:hover .vem {
    background-color: #3dc9bd;
}

.news .newper .swiper-slide:hover .vem .vt,
.news .newper .swiper-slide:hover .vem .vr {
    color: #fff;
}

.news .newper .swiper-slide:hover .vem .time {
    color: #fff;
}

.news .newper .swiper-slide:hover .vem .time span img:first-child {
    display: none;
}

.news .newper .swiper-slide:hover .vem .time span img:last-child {
    display: block;
}

.news .newlist {
    width: 100%;
}

.news .newlist .nevam {
    width: 100%;
    background-color: #fff;
    margin-bottom: 0.3rem;
    font-size: 0;
}

.news .newlist .nevam .imgs {
    display: inline-block;
    vertical-align: middle;
    width: calc((346 / 1400) * 100%);
}

.news .newlist .nevam .imgs .img {
    width: 100%;
    padding-top: 60%;
}

.news .newlist .nevam .date {
    width: calc((180 / 1400) * 100%);
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.news .newlist .nevam .date .day {
    width: 100%;
    color: #545454;
}

.news .newlist .nevam .date .line {
    width: 100%;
    font-size: 0;
    margin: 0.1rem 0 0.14rem;
}

.news .newlist .nevam .date .line span {
    display: inline-block;
    vertical-align: middle;
    width: 0.2rem;
    height: 1px;
    background-color: #b8b8b8;
}

.news .newlist .nevam .date .now {
    width: 100%;
    color: #888;
    line-height: 1.5;
}

.news .newlist .nevam .rom {
    width: calc((872 / 1400) * 100%);
    display: inline-block;
    vertical-align: middle;
    padding: 0.3rem 0.4rem 0.3rem 0.2rem;
}

.news .newlist .nevam .rom .rt {
    width: 100%;
    color: #333;
    line-height: 1.5;
    margin-bottom: 0.14rem;
}

.news .newlist .nevam .rom .rxs {
    width: 100%;
    color: #888;
    line-height: 1.5;
    height: 2.9em;
}

.news .newlist .nevam:hover .date .day {
    color: #3dc9bd;
}

.news .newlist .nevam:hover .rom .rt {
    color: #3dc9bd;
}

@media (max-width: 800px) {
    .news .newlist .nevam .date .day{
        font-size: 14px;
    }
    .news .newlist .nevam .date .now {
        font-size: 12px;
    }

    .news .newlist .nevam .date .line {
        display: none;
    }
    .news .newlist .nevam .rom{
        padding: 0 10px;
    }
}
@media(max-width: 480px){
    .news .newper .swiper-slide .vem{padding-left: 10px;padding-right: 10px;}
    .news .newper .swiper-slide .vem .vt{font-size: 13px;}
    .news .newper .swiper-slide .vem .vr{font-size: 12px;}
    .news .newper .swiper-slide .vem .time{font-size: 12px;}
    .news .newper .swiper-slide .vem .time span{margin-right: 5px;}
    .news .newlist .nevam{margin-bottom: 10px;}
    .news .newlist .nevam .rom{padding-left: 0;padding-right: 5px;}
    .news .newlist .nevam .rom .rt{font-size: 12px;line-height: 16px;margin-bottom: 2px;}
    .news .newlist .nevam .rom .rxs{font-size: 11px;line-height: 14px;height: 28px;}
    .news .newlist .nevam .date .now{font-size: 10px;}
    div.news{padding-bottom: 40px;}
}

.details {
    width: 100%;
    padding: 0.5rem 0;
}

.details .detail {
    width: 100%;
    background-color: #fff;
    padding: 0.4rem 0.5rem;
}

.details .detail .tit {
    width: 100%;
    font-size: 0;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 0.2rem;
}

.details .detail .tit .name {
    display: inline-block;
    vertical-align: middle;
    color: #333;
    font-weight: bold;
    line-height: 1.5;
}

.details .detail .tit .share {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    font-size: 0;
    text-align: right;
}

.details .detail .tit .share .sa {
    display: inline-block;
    vertical-align: middle;
    width: 0.36rem;
    height: 0.36rem;
    margin: 0 0.1rem;
}

.details .detail .tit .share .sa a,
.details .detail .tit .share .sa img {
    width: 100%;
    display: block;
}

.details .detail .tit .share .sa img:first-child {
    display: block;
}

.details .detail .tit .share .sa img:last-child {
    display: none;
}

.details .detail .tit .share .sa:hover img:first-child {
    display: none;
}

.details .detail .tit .share .sa:hover img:last-child {
    display: block;
}

.details .detail .tim {
    width: 100%;
    font-size: 0;
}

.details .detail .tim span {
    display: inline-block;
    vertical-align: middle;
    color: #999;
    line-height: 1.5;
    margin-right: 0.26rem;
}

.details .detail .tim span i {
    display: inline-block;
    vertical-align: middle;
    width: 0.16rem;
    height: 0.16rem;
    margin-right: 0.1rem;
    position: relative;
    top: -0.02rem;
}

.details .detail .tim span i img {
    width: 100%;
    display: block;
}

.details .detail .tonp {
    width: 100%;
    margin: 0.3rem 0;
    padding: 0.3rem 0;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
    color: #666;
    font-size: calc(12px - 0.12rem + 0.16rem);
    line-height: 1.8;
    text-align: justify;
}

.details .detail .tonp * {
    line-height: 1.8;
}

.details .detail .dot {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.details .detail .dot .dol {
    width: auto;
    display: inline-block;
    vertical-align: middle;
}

.details .detail .dot .dol .da {
    width: 100%;
    display: block;
    color: #555;
    line-height: 2;
    margin: 0.1rem 0;
}

.details .detail .dot .dor {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
}

.details .detail .dot .dor a {
    display: inline-block;
    vertical-align: middle;
    background-color: #3dc9bd;
    color: #fff;
    line-height: 3;
    padding: 0 0.3rem;
    border-radius: 1.5em;
    cursor: pointer;
}

.platform {
    width: 100%;
    padding: 0.5rem 0;
}

.platform .platlist {
    width: 100%;
}

.platform .platlist .platm {
    width: 100%;
}

.platform .platlist .platm .ptop {
    width: 100%;
    color: #3dc9bd;
    line-height: 2.5;
    font-weight: bold;
    border-bottom: solid 1px #3dc9bd;
    margin-bottom: 0.3rem;
}

.platform .platlist .platm .plmts {
    width: 100%;
    font-size: 0;
}

.platform .platlist .platm .plmts .plm {
    width: 100%;
}

.platform .platlist .platm .plmts .plm+.plm {
    border-top: solid 1px #ddd;
    padding-top: 0.2rem;
}

.platform .platlist .platm .plmts .name {
    display: inline-block;
    vertical-align: middle;
    width: calc((210 / 1400) * 100%);
    margin-right: calc((29 / 1400) * 100%);
}

.platform .platlist .platm .plmts .name .nx {
    width: 100%;
    text-align: center;
}

.platform .platlist .platm .plmts .romlis {
    display: inline-block;
    vertical-align: middle;
    width: calc((1160 / 1400) * 100%);
    font-size: 0;
}

.platform .platlist .platm .plmts .romlis .romt {
    width: calc((210 / 1160) * 100%);
    display: inline-block;
    vertical-align: top;
    margin-right: calc((27 / 1160) * 100%);
    margin-bottom: 0.3rem;
}

.platform .platlist .platm .plmts .romlis .romt a {
    width: 100%;
    display: block;
}

.platform .platlist .platm .plmts .romlis .romt .rix {
    width: 100%;
    text-align: center;
    color: #333;
    line-height: 1.8;
    margin-bottom: 0.1rem;
}

.platform .platlist .platm .plmts .romlis .romt .imgs {
    width: 100%;
    overflow: hidden;
}

.platform .platlist .platm .plmts .romlis .romt .imgs .img {
    width: 100%;
    padding-top: 100%;
    transition: all ease 0.3s;
}

.platform .platlist .platm .plmts .romlis .romt:nth-child(5n) {
    margin-right: 0;
}

.platform .platlist .platm .plmts .romlis .romt:hover .imgs .img {
    transform: scale(1.1);
}

.platform .platlist .platm .plmts .formlis {
    width: 100%;
    font-size: 0;
}

.platform .platlist .platm .plmts .formlis .fomt {
    display: inline-block;
    vertical-align: top;
    width: calc((210 / 1400) * 100%);
    margin-right: calc((27 / 1400) * 100%);
    margin-bottom: 0.2rem;
}

.platform .platlist .platm .plmts .formlis .fomt a {
    width: 100%;
    display: block;
}

.platform .platlist .platm .plmts .formlis .fomt .rix {
    width: 100%;
    text-align: center;
    color: #333;
    line-height: 1.8;
    margin-bottom: 0.1rem;
}

.platform .platlist .platm .plmts .formlis .fomt .imgs {
    width: 100%;
    overflow: hidden;
}

.platform .platlist .platm .plmts .formlis .fomt .imgs .img {
    width: 100%;
    padding-top: 100%;
    transition: all ease 0.3s;
}

.platform .platlist .platm .plmts .formlis .fomt:nth-child(6n) {
    margin-right: 0;
}

.platform .platlist .platm .plmts .formlis .fomt:hover .imgs .img {
    transform: scale(1.1);
}