body {
    font-size: 16px
}

* {
    box-sizing: border-box
}

.header {
    width: 7.5rem;
    height: 1.35rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .43rem;
    position: relative
}

.header .logo {
    width: 1.62rem;
    height: .77rem
}

.header .logo img {
    width: 1.62rem;
    height: .77rem
}

.header .right-icon {
    width: .34rem;
    height: .28rem;
    background: url(../images/nav_icon.png) center center no-repeat;
    background-size: cover
}

.header_zz {
    position: absolute;
    top: 0px;
    height: 100vh;
    display: none;
    width: 100%;
    background: #f4f5fb;
    z-index: 11;
    left: 0;
    overflow: hidden;
    overflow-y: auto
}

.header_zz .close {
    position: absolute;
    height: 1rem;
    font-size: .38rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #009b75;
    line-height: 1rem;
    display: block;
    padding: 0 .4rem;
    right: 0rem;
    top: .2rem
}

.header_zz .nav {
    width: 100%;
    padding-top: .2rem
}

.header_zz .nav>li {
    background-color: #f4f5fb
}

.header_zz .nav>li a {
    height: 1rem;
    font-size: .38rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #000000;
    line-height: 1rem;
    display: block;
    padding: 0 .4rem
}

.header_zz .nav>li .drop-menu {
    height: auto;
    background: #fff;
    z-index: 2
}

.header_zz .nav>li .drop-menu>li a {
    height: 1rem;
    font-size: .38rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #000000;
    line-height: 1rem;
    display: block;
    padding: 0 .5rem
}

.header_zz .nav>li.active::before {
    content: "";
    display: block;
    width: .07rem;
    height: .07rem;
    background: #009b75;
    border-radius: 50%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -0.1rem
}

.header_zz .nav>li.active a {
    color: #009b75
}

.header_zz .nav>li:hover a {
    color: #009b75
}

.header_zz .nav>li:hover .drop-menu {
    display: block
}

.banner {
    width: 100%;
    height: 48.4375vw
}

.banner .link,.banner .link img {
    height: 100%;
    display: block;
    width: 100%;
    height: 48.4375vw
}

.index-about {
    width: 100%;
    padding: .74rem 0 .69rem;
    margin: 0 auto;
    background: url(../images/index2_bgt.jpg) center center no-repeat;
    background-size: cover
}

.index-about .title-img {
    width: 3.59rem;
    height: .34rem;
    margin: 0 auto
}

.index-about .title-img img {
    width: 3.59rem;
    height: .34rem;
    display: block
}

.index-about .icon {
    width: .39rem;
    height: .21rem;
    margin: .3rem auto .4rem
}

.index-about .icon img {
    width: .39rem;
    height: .21rem;
    display: block
}

.index-about .info {
    width: 6.63rem;
    margin: 0 auto;
    font-size: .24rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #000000;
    line-height: .42rem;
    text-align: center
}

.prot {
    width: 100%;
    height: 4.68rem;
    position: relative
}

.prot img {
    width: 100%;
    height: 4.68rem;
    display: block
}

.prot .cont {
    position: absolute;
    left: .42rem;
    bottom: .26rem
}

.prot .cont .title {
    font-size: .28rem;
    font-family: PingFang SC;
    font-weight: bold;
    color: #ffffff;
    line-height: .32rem;
    margin-bottom: .05rem
}

.prot .cont .info {
    font-size: .24rem;
    font-family: PingFang SC;
    font-weight: 400;
    color: #ffffff;
    line-height: .32rem;
    margin-bottom: .08rem
}

.prot .cont .s-btn {
    width: 1.4rem;
    height: .52rem;
    background: #009b75;
    border-radius: .04rem;
    font-size: .22rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #ffffff;
    text-align: center;
    display: block;
    line-height: .52rem
}

.index_product {
    overflow: hidden
}

.index_product .info {
    font-size: .24rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #000000;
    line-height: .46rem;
    margin: 0 auto .5rem;
    width: 6.63rem;
    text-align: center
}

.index_product .lbt-box {
    position: relative;
    width: 14.42rem;
    height: 6.5rem;
    margin: 0 auto
}

.index_product .imgs {
    width: 100%;
    height: 100%;
    perspective: 1000px
}

.index_product .imgitem {
    position: absolute;
    width: 5rem;
    height: 6.5rem;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 0;
    transition: .8s;
    opacity: 0
}

.index_product .imgitem a {
    display: block;
    width: 100%;
    height: 100%
}

.index_product .imgitem img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.index_product .cur-img {
    width: 10.5rem;
    z-index: 100;
    opacity: 1
}

.index_product .pre-img {
    transform: translateX(-4.5rem) rotateY(30deg) scale(.8);
    z-index: 9;
    opacity: .9
}

.index_product .next-img {
    transform: translateX(4.5rem) rotateY(-30deg) scale(.8);
    z-index: 9;
    opacity: .9
}

#pre {
    width: .6rem;
    height: .6rem;
    background: url(../images/left.png) center center no-repeat;
    background-size: cover;
    position: absolute;
    left: -1rem;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer
}

#next {
    width: .6rem;
    height: .6rem;
    background: url(../images/right.png) center center no-repeat;
    background-size: cover;
    position: absolute;
    right: -1rem;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer
}

.product-btm {
    width: 6.67rem;
    margin: 0 auto
}

.product-btm .swiper-container {
    padding-bottom: 1rem
}

.product-btm .swiper-container .swiper-pagination-bullet {
    width: .2rem;
    height: .2rem;
    background: #c1c1c1;
    border-radius: 50%;
    margin-right: 5px
}

.product-btm .swiper-container .swiper-pagination-bullet-active {
    width: .7rem;
    height: .2rem;
    border-radius: .1rem;
    background: #009b75
}

.product-btm .linkbox .img {
    width: 100%;
    margin-bottom: .47rem
}

.product-btm .linkbox .img img {
    height: 4.14rem;
    display: block;
    margin: 0 auto;
    object-fit: cover
}

.product-btm .linkbox .title {
    height: .3rem;
    font-size: .3rem;
    font-family: PingFang SC;
    font-weight: bold;
    color: #000000;
    line-height: .3rem;
    text-align: center;
    overflow: hidden
}

.product-btm .linkbox .sinfo {
    font-size: .24rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #717171;
    line-height: .4rem;
    margin: .22rem 0;
    height: .8rem;
    overflow: hidden
}

.product-btm .linkbox .s-btn {
    width: 1.4rem;
    height: .52rem;
    background: #009b75;
    border-radius: .05rem;
    text-align: center;
    line-height: .52rem;
    display: block;
    cursor: pointer;
    color: #ffffff;
    margin: 0 auto;
    font-size: .22rem
}

.img-container .item {
    position: relative;
    width: 6.65rem;
    height: 6.9rem;
    background: #ffffff;
    box-shadow: 0 0 .15rem .08rem rgba(142,142,142,0.4);
    margin: 0 auto .5rem;
    padding: .36rem .31rem .47rem
}

.img-container .item img {
    height: 3.39rem;
    display: block;
    object-fit: cover;
    width: 6rem;
    margin: 0 auto
}

.img-container .item .info {
    font-size: .3rem;
    font-family: PingFang SC;
    font-weight: bold;
    color: #383838;
    line-height: .48rem;
    height: .92rem;
    overflow: hidden;
    margin: .25rem 0 .2rem
}

.img-container .item .date {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: .22rem;
    font-family: PingFang SC;
    font-weight: 400;
    color: #393939;
    line-height: .28rem
}

.img-container .item .date .icon {
    width: .25rem;
    height: .2rem;
    background: url(../images/icon_date.png) center center no-repeat;
    background-size: cover;
    margin-right: .09rem
}

.img-container .item .hx {
    width: 5.99rem;
    height: .01rem;
    background: #d6d6d6;
    margin: .38rem 0 .24rem
}

.img-container .item .btns {
    width: 1.4rem;
    height: .52rem;
    background: #009b75;
    border-radius: .05rem;
    font-size: .22rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #ffffff;
    line-height: .52rem;
    text-align: center;
    display: block;
    margin: 0 auto
}

.img-container .item .info .icon {
    width: .14rem;
    height: .16rem;
    background: url(../images/icon1.png) center center no-repeat;
    background-size: cover;
    display: block
}

.common-title1 {
    padding: .45rem 0;
    position: relative
}

.common-title1 .title {
    font-size: .42rem;
    font-family: PingFang SC;
    font-weight: bold;
    color: #009b75;
    line-height: .6rem;
    text-align: center;
    margin: 0 auto;
    margin-bottom: .14rem;
    width: 4.15rem
}

.common-title1 .icon {
    width: .39rem;
    height: .21rem;
    background: url(../images/slogo_icon.png) center center no-repeat;
    background-size: cover;
    margin: 0 auto
}

.common-title1 .link {
    font-size: .24rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #717171;
    position: absolute;
    right: .43rem;
    bottom: .7rem
}

.case {
    width: 7.5rem;
    height: 4.24rem;
    background: url(../images/case.jpg) center center no-repeat;
    background-size: cover
}

.case .case-box {
    width: 60%;
    height: auto;
    padding-top: 1.6rem;
    margin: 0 auto
}

.case .case-box .title {
    height: .36rem;
    font-size: .36rem;
    font-family: PingFang SC;
    font-weight: bold;
    color: #ffffff;
    line-height: .36rem;
    text-align: center;
    margin-bottom: .44rem
}

.case .wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.case .wrapper .item {
    width: 1rem;
    margin: 0 .05rem .15rem
}

.case .wrapper .item .imgbox,.case .wrapper .item .imgbox img {
    height: .7rem;
    width: 1rem;
    display: block
}

.case .wrapper .item .text {
    height: .24rem;
    font-size: .24rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #ffffff;
    line-height: .24rem;
    margin: .04rem -0.1rem 0;
    text-align: center
}

.joinus img {
    width: 100%;
    display: block
}

.banner02 {
    width: 100%
}

.banner02 img {
    width: 100%;
    display: block
}

.common-title {
    padding: .71rem 0 .65rem;
    text-align: center
}

.common-title .text1 {
    height: .48rem;
    font-size: .48rem;
    font-family: PingFang SC;
    font-weight: bold;
    color: #009b75;
    line-height: .48rem;
    margin-bottom: .19rem
}

.common-title .text2 {
    height: .3rem;
    font-size: .2rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #009b75;
    line-height: .3rem
}

.case-container {
    width: 6.65rem;
    margin: 0 auto .4rem
}

.case-container .case-wrapper {
    flex-wrap: wrap
}

.case-container .case-wrapper .item {
    width: 100%;
    height: 4.68rem;
    margin-bottom: .6rem;
    position: relative
}

.case-container .case-wrapper .item img {
    height: 100%;
    object-fit: cover;
    width: 100%;
    display: block
}

.case-container .case-wrapper .item span {
    height: .34rem;
    font-size: .36rem;
    font-family: PingFang SC;
    font-weight: bold;
    color: #ffffff;
    line-height: .54rem;
    position: absolute;
    bottom: .36rem;
    right: .38rem
}

.common-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .9rem
}

.common-nav .item {
    font-size: .3rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #000000;
    line-height: .3rem;
    margin: 0 .35rem;
    position: relative
}

.common-nav .item.active::before,.common-nav .item:hover::before {
    content: "";
    display: block;
    width: .21rem;
    height: .11rem;
    background: url(../images/act_icon.png) center center no-repeat;
    background-size: cover;
    bottom: -0.2rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute
}

.common-nav .item a {
    font-size: .3rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #000000
}

.js-container .item {
    height: 8rem;
    width: 100%;
    margin: 0 auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.js-container .item .box {
    width: 6.63rem;
    margin: 0 auto;
    position: relative;
    height: 100%;
    height: 8rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.js-container .item .box1 {
    width: 100%
}

.js-container .item .title {
    font-size: .36rem;
    font-family: PingFang SC;
    font-weight: bold;
    color: #ffffff;
    line-height: .48rem;
    text-align: center
}

.js-container .item .hx {
    width: 1.3rem;
    height: .03rem;
    background: #009b75;
    border-radius: .02rem;
    margin: .4rem auto .62rem
}

.js-container .item .info {
    font-size: .24rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #ffffff;
    line-height: .4rem
}

.contact {
    width: 100%
}

.contact img {
    width: 100%;
    display: block
}

.culture-cont {
    width: 6.64rem;
    height: 9.5rem;
    margin: 0 auto;
    position: relative
}

.culture-cont .swiper-pagination {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: .4rem
}

.culture-cont .swiper-pagination-bullet {
    width: .2rem;
    height: .2rem;
    background: #c1c1c1;
    border-radius: 50%;
    margin-right: 5px
}

.culture-cont .swiper-pagination-bullet-active {
    width: .7rem;
    height: .2rem;
    border-radius: .1rem;
    background: #009b75
}

.culture-cont .item {
    width: 6.64rem;
    height: 8.3rem;
    position: relative;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.culture-cont .item .center {
    text-align: center;
    width: 100%;
    transition: all .3s ease;
    padding-top: 1rem
}

.culture-cont .item .center span {
    display: block;
    text-align: center;
    color: #fff
}

.culture-cont .item .center span:nth-of-type(1) {
    font-size: .4rem;
    font-family: PingFang SC;
    font-weight: bold;
    color: #ffffff;
    line-height: .54rem;
    margin-bottom: .12rem
}

.culture-cont .item .center span:nth-of-type(2) {
    font-size: .2rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #ffffff;
    letter-spacing: 2px
}

.culture-cont .item .center .info {
    text-align: center;
    padding-top: 1rem
}

.culture-cont .item .center .info p {
    width: 100%;
    color: #fff;
    font-size: .24rem;
    font-family: PingFang SC;
    color: #ffffff;
    line-height: 1.6;
    text-align: center
}

.culture-cont .item img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.culture-cont .item1 .info .cont {
    height: auto
}

.culture-cont .item1 .info .cont p {
    font-size: .28rem
}

.culture-cont .item2 .info .cont {
    height: auto
}

.culture-cont .item2 .info .cont p {
    font-size: .28rem
}

.culture-cont .item3 .info .cont p:nth-of-type(2n) {
    font-size: .24rem;
    margin-bottom: .2rem
}

.culture-cont .item3 .info .cont p:nth-of-type(2n + 1) {
    font-size: .28rem;
    margin-bottom: .1rem
}

.join_us .box .item {
    width: 6.65rem;
    background: #f7f7f7;
    padding: .4rem .23rem;
    box-sizing: border-box;
    margin-bottom: .3rem;
    margin: 0 auto .3rem
}

.join_us .box .item .title {
    font-size: .32rem;
    font-family: PingFang SC;
    font-weight: bold;
    color: #000000;
    height: .48rem;
    overflow: hidden;
    line-height: .48rem;
    margin-bottom: .1rem
}

.join_us .box .item .info {
    line-height: .3rem;
    margin-bottom: .28rem;
    font-size: .22rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #505050
}

.join_us .box .item .link {
    display: flex;
    justify-content: center
}

.join_us .box .item .link a {
    width: 1.4rem;
    height: .52rem;
    background: #009b75;
    border-radius: .05rem;
    font-size: .22rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #ffffff;
    line-height: .52rem;
    display: block;
    text-align: center;
    cursor: pointer
}

.company_profile {
    width: 6.64rem;
    margin: 0 auto 0
}

.company_profile .item {
    width: 100%;
    margin-bottom: .58rem
}

.company_profile .item .img {
    width: 6.64rem;
    height: auto;
    margin-bottom: .6rem
}

.company_profile .item .img img {
    width: 6.64rem;
    display: block;
    position: relative
}

.company_profile .item .cont {
    width: 100%
}

.company_profile .item .cont,.company_profile .item .cont p {
    font-size: .24rem !important;
    font-family: PingFang SC !important;
    font-weight: 500 !important;
    color: #505050 !important
}

.company_profile .item .cont p,.company_profile .item .cont span {
    font-size: .24rem !important;
    font-family: PingFang SC !important;
    font-weight: 500 !important;
    color: #505050 !important
}

.company_profile .item2 {
    flex-direction: row-reverse
}

.company_profilebox {
    width: 6.64rem;
    margin: 0 auto .5rem
}

.company_profilebox .item {
    width: 6.64rem;
    height: 3.13rem
}

.company_profilebox .item img {
    width: 5.22rem;
    height: 3.42rem;
    display: block;
    object-fit: cover
}

.company_profilebox .item:nth-of-type(2) {
    display: flex;
    justify-content: flex-end
}

.footer {
    width: 7.5rem;
    height: auto;
    background: #292929
}

.footer .footer-top {
    padding-top: .89rem
}

.footer .footer-top .left {
    width: 6.58rem;
    height: 3.19rem;
    position: relative;
    margin: 0 auto .32rem;
    background: url(../images/foot_map.png) center center no-repeat;
    background-size: cover;
    padding-top: .89rem
}

.footer .footer-top .left .item {
    width: 5rem;
    margin: 0 auto;
    font-size: .3rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #aaaaaa;
    line-height: .3rem;
    margin-bottom: .4rem
}

.footer .footer-top .nav-right {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 .43rem
}

.footer .footer-top .nav-right .item {
    width: 1.8rem;
    position: relative;
    margin-bottom: .32rem
}

.footer .footer-top .nav-right .item>a {
    display: block;
    font-size: .28rem;
    font-family: PingFang SC;
    font-weight: bold;
    color: #b9b9b9
}

.footer .footer-top .nav-right .item:nth-of-type(1)>a:hover::after {
    left: .1rem
}

.footer .footer-top .nav-right .item:nth-of-type(3)>a:hover::after {
    left: .4rem
}

.footer .footer-top .nav-right .item .btm {
    display: block
}

.footer .footer-top .nav-right .item .btm a {
    display: block;
    font-size: .18rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #ffffff;
    margin-bottom: .2rem
}

.footer .text {
    font-size: .16rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #ffffff;
    line-height: .28rem;
    text-align: center;
    padding: .16rem 10%;
    border-top: 1px solid #444444
}

.footer .text a {
    color: #ffffff
}

.product_title {
    font-size: .48rem;
    font-family: PingFang SC;
    font-weight: bold;
    color: #009b75;
    line-height: .48rem;
    text-align: center;
    padding: .6rem 0
}

.product_box .item {
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../images/pro_bg1.jpg) center center no-repeat;
    background-size: cover
}

.product_box .item .box {
    width: 100%;
    padding-bottom: .8rem
}

.product_box .item .box .info {
    width: 6.63rem;
    margin: 0 auto
}

.product_box .item .box .info .title {
    font-size: .36rem;
    font-family: PingFang SC;
    font-weight: bold;
    color: #000000;
    line-height: .48rem;
    margin-bottom: .1rem;
    text-align: center
}

.product_box .item .box .info .text {
    font-size: .3rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #000000;
    line-height: .48rem;
    margin-bottom: .3rem;
    text-align: center
}

.product_box .item .box .info .hx {
    width: 1.3rem;
    height: .03rem;
    background-color: #009b75;
    margin: 0 auto .25rem
}

.product_box .item .box .info .desc {
    font-size: .24rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #505050;
    line-height: .4rem
}

.product_box .item .box .imgbox {
    width: 6rem;
    height: 6rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.product_box .item .box .imgbox .img {
    width: 4.6rem;
    height: 4.6rem;
    object-fit: cover
}

.product_box .item:nth-child(2n) {
    background: url(../images/pro_bg2.jpg) center center no-repeat;
    background-size: cover
}

.join-detail {
    padding: 15px
}

.join-detail .title {
    margin-bottom: 20px
}

.join-detail .title span {
    font-size: 16px;
    line-height: 1.6;
    display: block
}

.page {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: .5rem;
    margin-bottom: .5rem
}

.page li {
    list-style: none;
    margin: 0 .08rem
}

.page li a {
    padding: .08rem .06rem;
    border: 1px solid #008aff;
    min-width: .4rem;
    display: block;
    color: #008aff;
    font-size: .18rem;
    border-radius: 4px
}

.page .active a,.page li:hover a {
    background-color: #008aff;
    color: #fff
}

.article-box {
    width: 6.63rem;
    margin: 0 auto
}

.article-box .position {
    display: none
}

.article-box .title {
    font-size: .4rem;
    font-family: PingFang SC;
    font-weight: bold;
    color: #000000;
    line-height: .6rem;
    text-align: center;
    margin-bottom: .3rem;
    margin-top: .5rem
}

.article-box .time {
    font-size: .24rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #666666;
    line-height: .34rem;
    margin-bottom: .5rem;
    text-align: center
}

.article-box .content {
    margin-bottom: .7rem
}

.article-box .content img {
    max-width: 100%;
    display: block;
    margin: 0 auto
}

.article-box .content p {
    margin-bottom: .1rem
}

.article-box .content * {
    font-size: .28rem !important;
    font-family: PingFang SC !important;
    font-weight: 500 !important;
    color: #000000 !important;
    line-height: .4rem !important
}

.article-box .content h1,.article-box .content h2,.article-box .content h3,.article-box .content h4,.article-box .content h5,.article-box .content h6 {
    font-size: .28rem !important;
    font-family: PingFang SC;
    font-weight: bold;
    color: #000000 !important
}

#top {
    display: block;
    width: .8rem;
    height: .8rem;
    background: url(../images/top.png) center center #009b75 no-repeat;
    -o-background-size: cover;
    background-size: cover;
    border-radius: 50%;
    -webkit-box-shadow: 0 12px 24px rgba(12,51,149,0.31);
    box-shadow: 0 12px 24px rgba(12,51,149,0.31);
    cursor: pointer;
    position: fixed;
    right: 20px;
    bottom: 40px;
    z-index: 10
}