@charset "UTF-8";

/* index */

.INDEXPAGE {

    width: 100%;

    margin-top: .9rem;

}



.INDEXPAGE .idx-ban {

    width: 100%;

}

.INDEXPAGE .idx-ban-swiper img.lazyload{width: 100%;height: calc(100vh - 0.9rem);object-fit: cover;}
@media(max-width: 1200px){
    .INDEXPAGE .idx-ban-swiper img.lazyload{height: auto;}
}


.INDEXPAGE .idx-ban .idx-ban-swiper-pagination {

    width: 100%;

    margin-top: 0;

    position: absolute;

    left: 0;

    bottom: .4rem;

    z-index: 3;

    text-align: center;

}



.INDEXPAGE .idx-ban .idx-ban-swiper-pagination .swiper-pagination-bullet {

    margin: 0 .15rem;

    width: 0.15rem;

    height: 0.15rem;

    min-width: 8px;

    min-height: 8px;

    opacity: .6;

    background-color: transparent;

    border: .02rem solid #fff;

}



.INDEXPAGE .idx-ban .idx-ban-swiper-pagination .swiper-pagination-bullet-active {

    background-color: #fff;

    opacity: 1;

}



.INDEXPAGE .idx-about {

    width: 100%;

    padding: 1rem 0;

}



.INDEXPAGE .idx-about .container {

    width: 16rem;

    margin: 0 auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}



.INDEXPAGE .idx-about .about-intro {

    width: 46%;

}



.INDEXPAGE .idx-about .about-intro .intro-title {

    color: #1e9e90;

    margin-bottom: .3rem;

}



.INDEXPAGE .idx-about .about-intro .intro-title p {

    line-height: 1.4;

}



.INDEXPAGE .idx-about .about-intro .intro-title .bold {

    font-weight: 700;

}



.INDEXPAGE .idx-about .about-intro .intro-guide {

    width: 100%;

    line-height: 2;

    color: #666;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    overflow: hidden;

}



.INDEXPAGE .idx-about .about-intro .intro-check {

    display: inline-block;

    padding: .17rem .48rem;

    color: #fff;

    background-color: #f39800;

    border-radius: .25rem;

    cursor: pointer;

    margin: .6rem 0 .8rem;

}



.INDEXPAGE .idx-about .about-intro .intro-data {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}



.INDEXPAGE .idx-about .about-intro .intro-data .data-item .item-title {

    color: #1e9e90;

    margin-bottom: .2rem;

    font-weight: 700;

}



.INDEXPAGE .idx-about .about-intro .intro-data .data-item .item-guide {

    color: #999;

}



.INDEXPAGE .idx-about .about-video {

    width: 50%;

    position: relative;

    cursor: pointer;

}



.INDEXPAGE .idx-about .about-video .video-face {

    width: 100%;

    border-radius: .3rem;

    overflow: hidden;

}



.INDEXPAGE .idx-about .about-video .video-face img {

    width: 100%;

    height: 100%;

}



.INDEXPAGE .idx-about .about-video .video-play {

    width: 0.8rem;

    height: 0.8rem;

    position: absolute;

    left: 50%;

    top: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}



.INDEXPAGE .idx-about .about-video .video-play img {

    width: 100%;

    height: 100%;

}



@media (max-width: 1400px) {

    .INDEXPAGE .idx-about .container {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        -webkit-box-orient: vertical;

        -webkit-box-direction: reverse;

        -ms-flex-direction: column-reverse;

        flex-direction: column-reverse;

    }

    .INDEXPAGE .idx-about .about-intro {

        width: 100%;

        margin-top: .3rem;

    }

    .INDEXPAGE .idx-about .about-video {

        width: 10rem;

    }

}



@media (max-width: 1200px) {

    .INDEXPAGE .idx-about .container {

        width: 100%;

        padding: 0 10px;

    }

}



@media (max-width: 550px) {

    .INDEXPAGE .idx-about .about-video {

        width: 100%;

    }

    .INDEXPAGE .idx-about .about-intro .intro-data {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    }

    .INDEXPAGE .idx-about .about-intro .intro-data .data-item {

        width: 100%;

        margin-bottom: 0.3rem;

    }

}



.INDEXPAGE .idx-poster {

    width: 100%;

    background: url("../images/idx3.jpg") center center/100% 100% no-repeat;

    padding: .54rem 0;

}



.INDEXPAGE .idx-poster .container {

    width: 16rem;

    margin: 0 auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.INDEXPAGE .idx-poster .poster-title {

    width: 13rem;

}



.INDEXPAGE .idx-poster .poster-title .title {

    width: 100%;

    margin-bottom: 0.32rem;

}



.INDEXPAGE .idx-poster .poster-title .title .s72 {

    font-weight: 700;

}



.INDEXPAGE .idx-poster .poster-title .title span {

    color: #fff;

    vertical-align: middle;

}



.INDEXPAGE .idx-poster .poster-title .title-en {

    width: 100%;

    color: #fff;

    line-height: 1.3;

}



.INDEXPAGE .idx-poster .poster-serv {

    width: 3rem;

    text-align: right;

}



.INDEXPAGE .idx-poster .poster-serv .serv-title {

    width: 100%;

    color: #fff;

}



.INDEXPAGE .idx-poster .poster-serv .serv-phone {

    width: 100%;

    color: #fff;

    font-weight: 700;

    margin: .15rem 0 .4rem;

}



.INDEXPAGE .idx-poster .poster-serv .serv-btn {

    display: inline-block;

    padding: .13rem .38rem;

    border-radius: .2rem;

    background-color: #f39800;

    color: #fff;

}



@media (max-width: 1200px) {

    .INDEXPAGE .idx-poster .container {

        width: 100%;

        padding: 0 10px;

    }

    .INDEXPAGE .idx-poster .poster-title {

        width: 75%;

    }

    .INDEXPAGE .idx-poster .poster-serv {

        width: 25%;

    }

}



@media (max-width: 550px) {

    .INDEXPAGE .idx-poster {

        padding: 10px 0;

    }

    .INDEXPAGE .idx-poster .container {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    }

    .INDEXPAGE .idx-poster .poster-title {

        width: 100%;

        margin-bottom: .3rem;

    }

    .INDEXPAGE .idx-poster .poster-title .title {

        margin-bottom: 0;

    }

    .INDEXPAGE .idx-poster .poster-title .title span {

        line-height: 1.2;

    }

    .INDEXPAGE .idx-poster .poster-title .title-en {

        display: none;

    }

    .INDEXPAGE .idx-poster .poster-serv {

        width: 100%;

        text-align: left;

    }

}



.INDEXPAGE .idx-prod {

    width: 100%;

    padding: 1rem 0;

}



.INDEXPAGE .idx-prod .container {

    width: 16rem;

    margin: 0 auto;

}



.INDEXPAGE .idx-prod .prod-title-EN {

    font-family: 'AvantGardeITCbyBT-Book';

    color: #999;

    width: 100%;

}



.INDEXPAGE .idx-prod .prod-title {

    color: #333;

    margin: .3rem 0 .5rem;

    width: 100%;

    font-weight: 700;

}



.INDEXPAGE .idx-prod .prod-tabs {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}



.INDEXPAGE .idx-prod .prod-tabs .prod-tab {

    width: 1.9rem;

    min-width: 140px;

    margin-right: .1rem;

    margin-bottom: .1rem;

    border-radius: .25rem;

    height: .5rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    border: solid .01rem #eaeaea;

    -webkit-transition: border .5s;

    transition: border .5s;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    min-height: 40px;

}



.INDEXPAGE .idx-prod .prod-tabs .prod-tab span {

    color: #666;

    -webkit-transition: color .5s;

    transition: color .5s;

}



.INDEXPAGE .idx-prod .prod-tabs .prod-tab img {

    width: 0.17rem;

    height: 0.22rem;

    margin-right: 0.1rem;

    display: none;

}



.INDEXPAGE .idx-prod .prod-tabs .prod-tab:hover {

    border-color: #1e9e90;

}



.INDEXPAGE .idx-prod .prod-tabs .prod-tab:hover span {

    color: #1e9e90;

}



.INDEXPAGE .idx-prod .prod-tabs .prodTabIs {

    border-color: #1e9e90;

}



.INDEXPAGE .idx-prod .prod-tabs .prodTabIs img {

    display: inline-block;

}



.INDEXPAGE .idx-prod .prod-tabs .prodTabIs span {

    color: #1e9e90;

}



.INDEXPAGE .idx-prod .prod-swipers {

    width: 100%;

}



.INDEXPAGE .idx-prod .prod-swiper {

    display: none;

    width: 100%;

    position: relative;

}



.INDEXPAGE .idx-prod .prod-swiper .swiper-container {

    padding: .5rem 0 .2rem;

}



.INDEXPAGE .idx-prod .prod-swiper .swiper-slide {

    position: relative;

    border-radius: .3rem;

    overflow: hidden;

    -webkit-transition: -webkit-box-shadow .5s;

    transition: -webkit-box-shadow .5s;

    transition: box-shadow .5s;

    transition: box-shadow .5s, -webkit-box-shadow .5s;

}



.INDEXPAGE .idx-prod .prod-swiper .swiper-slide:hover {

    -webkit-box-shadow: 0 0 0.3rem 0 rgba(0, 0, 0, 0.05);

    box-shadow: 0 0 0.3rem 0 rgba(0, 0, 0, 0.05);

}



.INDEXPAGE .idx-prod .prod-swiper .swiper-slide:hover .outer .slide-title {

    color: #1e9e90;

}



.INDEXPAGE .idx-prod .prod-swiper .swiper-slide:hover .inner .hover {

    opacity: 1;

}



.INDEXPAGE .idx-prod .prod-swiper .swiper-slide:hover .inner .init {

    opacity: 0;

}



.INDEXPAGE .idx-prod .prod-swiper .swiper-slide .outer {width: 100%;position: relative;z-index: 3;padding: 0 0 .24rem 0;text-align: center;}



.INDEXPAGE .idx-prod .prod-swiper .swiper-slide .outer .slide-img {width: 100%;height: auto;padding-top: 100%;position: relative;margin-bottom: .24rem;}



.INDEXPAGE .idx-prod .prod-swiper .swiper-slide .outer .slide-img img {width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;}



.INDEXPAGE .idx-prod .prod-swiper .swiper-slide .outer .slide-icon {

    width: 0.6rem;

    height: 0.6rem;

    border-radius: 50%;

    position: absolute;

    z-index: 3;

    top: 0.2rem;

    left: .2rem;

    background-color: #fff;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: none;

}



.INDEXPAGE .idx-prod .prod-swiper .swiper-slide .outer .slide-icon img {

    width: 0.32rem;

    height: 0.41rem;

}



.INDEXPAGE .idx-prod .prod-swiper .swiper-slide .outer .prodHot {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.INDEXPAGE .idx-prod .prod-swiper .swiper-slide .outer .slide-title {

    width: 100%;

    color: #222;

    margin-bottom: 0.2rem;

    -webkit-transition: color .5s;

    transition: color .5s;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

    text-overflow: ellipsis;

}



.INDEXPAGE .idx-prod .prod-swiper .swiper-slide .outer .slide-guide {

    width: 100%;

    color: #333;

}



.INDEXPAGE .idx-prod .prod-swiper .swiper-slide .inner {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 2;

}



.INDEXPAGE .idx-prod .prod-swiper .swiper-slide .inner .hover {

    opacity: 0;

}



.INDEXPAGE .idx-prod .prod-swiper .swiper-slide .inner .init {

    opacity: 1;

}



.INDEXPAGE .idx-prod .prod-swiper .swiper-slide .inner img {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    -webkit-transition: opacity .5s;

    transition: opacity .5s;

}



.INDEXPAGE .idx-prod .prod-swiper .swiper-button-prev,
.INDEXPAGE .idx-prod .prod-swiper .swiper-button-next {

    z-index: 3;

    -webkit-box-shadow: 0 0 0.3rem 0 rgba(0, 0, 0, 0.05);

    box-shadow: 0 0 0.3rem 0 rgba(0, 0, 0, 0.05);

    width: 0.7rem;

    height: 0.7rem;

    border-radius: 50%;

    background-color: #fff;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    -webkit-transition: all .5s;

    transition: all .5s;

}



.INDEXPAGE .idx-prod .prod-swiper .swiper-button-prev .disable,
.INDEXPAGE .idx-prod .prod-swiper .swiper-button-next .disable {

    display: block;

}



.INDEXPAGE .idx-prod .prod-swiper .swiper-button-prev .able,
.INDEXPAGE .idx-prod .prod-swiper .swiper-button-next .able {

    display: none;

}



.INDEXPAGE .idx-prod .prod-swiper .swiper-button-prev img,
.INDEXPAGE .idx-prod .prod-swiper .swiper-button-next img {

    width: 0.12rem;

    height: 0.24rem;

}



.INDEXPAGE .idx-prod .prod-swiper .swiper-button-prev:hover,
.INDEXPAGE .idx-prod .prod-swiper .swiper-button-next:hover {

    background-color: #1e9e90;

}



.INDEXPAGE .idx-prod .prod-swiper .swiper-button-prev:hover .disable,
.INDEXPAGE .idx-prod .prod-swiper .swiper-button-next:hover .disable {

    display: none;

}



.INDEXPAGE .idx-prod .prod-swiper .swiper-button-prev:hover .able,
.INDEXPAGE .idx-prod .prod-swiper .swiper-button-next:hover .able {

    display: block;

}



.INDEXPAGE .idx-prod .prod-swiper .swiper-button-prev {

    left: -1.1rem;

}



.INDEXPAGE .idx-prod .prod-swiper .swiper-button-next {

    right: -1.1rem;

}



.INDEXPAGE .idx-prod .prod-swiper-show {

    display: block;

}



@media (max-width: 1200px) {

    .INDEXPAGE .idx-prod .container {

        width: 100%;

        padding: 0 10px;

    }

    .INDEXPAGE .idx-prod .prod-tabs .prod-tab {

        width: 18.4%;

        min-width: auto;

        margin-right: 2%;

        margin-bottom: 2%;

    }

    .INDEXPAGE .idx-prod .prod-tabs .prod-tab:nth-of-type(5n) {

        margin-right: 0;

    }

    .INDEXPAGE .idx-prod .prod-swiper .swiper-container {

        width: 85%;

        margin: 0 auto;

    }

    .INDEXPAGE .idx-prod .prod-swiper .swiper-button-prev {

        left: 0;

    }

    .INDEXPAGE .idx-prod .prod-swiper .swiper-button-next {

        right: 0;

    }

}



@media (max-width: 750px) {

    .INDEXPAGE .idx-prod .prod-tabs .prod-tab {

        width: 23.5%;

    }

    .INDEXPAGE .idx-prod .prod-tabs .prod-tab:nth-of-type(5n) {

        margin-right: 2%;

    }

    .INDEXPAGE .idx-prod .prod-tabs .prod-tab:nth-of-type(4n) {

        margin-right: 0;

    }

}



@media (max-width: 550px) {

    .INDEXPAGE .idx-prod .prod-tabs .prod-tab {

        width: 32%;

    }

    .INDEXPAGE .idx-prod .prod-tabs .prod-tab:nth-of-type(4n) {

        margin-right: 2%;

    }

    .INDEXPAGE .idx-prod .prod-tabs .prod-tab:nth-of-type(3n) {

        margin-right: 0;

    }

    .INDEXPAGE .idx-prod .prod-swiper .swiper-container {

        width: 100%;

    }

}



@media (max-width: 450px) {

    .INDEXPAGE .idx-prod .prod-tabs .prod-tab {

        width: 49%;

    }

    .INDEXPAGE .idx-prod .prod-tabs .prod-tab:nth-of-type(3n) {

        margin-right: 2%;

    }

    .INDEXPAGE .idx-prod .prod-tabs .prod-tab:nth-of-type(2n) {

        margin-right: 0;

    }

    .INDEXPAGE .idx-prod .prod-tabs .prod-tab-hidden {

        display: none;

    }

}



.INDEXPAGE .idx-newProd {

    width: 100%;

    padding: 1rem 0;

    background: url("../images/idx10.jpg") center center/100% 100% no-repeat;

    text-align: center;

}



.INDEXPAGE .idx-newProd .container {

    width: 16rem;

    margin: 0 auto;

}



.INDEXPAGE .idx-newProd .newProd-title-EN {

    font-family: 'AvantGardeITCbyBT-Book';

    width: 100%;

    color: #fff;

}



.INDEXPAGE .idx-newProd .newProd-title {

    color: #fff;

    margin: .2rem 0 .5rem;

    width: 100%;

    font-weight: 700;

}



.INDEXPAGE .idx-newProd .newProd-list {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.INDEXPAGE .idx-newProd .newProd-list .newProw-col {

    width: 32%;

    margin-right: 2%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}



.INDEXPAGE .idx-newProd .newProd-list .newProw-col:nth-of-type(3n) {

    margin-right: 0;

}



.INDEXPAGE .idx-newProd .newProd-list .newProw-item {

    width: 100%;

    border-radius: .1rem;

    overflow: hidden;

    display: block;

    cursor: pointer;

    position: relative;

}



.INDEXPAGE .idx-newProd .newProd-list .newProw-item:hover .item-outer {

    top: 0;

}



.INDEXPAGE .idx-newProd .newProd-list .newProw-item .item-inner {

    width: 100%;

    position: relative;

}



.INDEXPAGE .idx-newProd .newProd-list .newProw-item .item-img {

    width: 100%;

}



.INDEXPAGE .idx-newProd .newProd-list .newProw-item .item-img img {

    width: 100%;

}



.INDEXPAGE .idx-newProd .newProd-list .newProw-item .item-outer {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 80%;

    left: 0;

    z-index: 3;

    -webkit-transition: top .5s;

    transition: top .5s;

    background-color: rgba(0, 0, 0, 0.5);

    padding: 0 .2rem;

}



.INDEXPAGE .idx-newProd .newProd-list .newProw-item .item-title {

    width: 100%;

    height: 20%;

    display: inline-block;

    text-align: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}



.INDEXPAGE .idx-newProd .newProd-list .newProw-item .item-title .text {

    width: 100%;

    color: #fff;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

    text-overflow: ellipsis;

}



.INDEXPAGE .idx-newProd .newProd-list .newProw-item .item-guide {

    text-align: left;

    width: 100%;

    height: 80%;

    margin-top: .2rem;

    padding: 0 .1rem;

    overflow-y: scroll;

}



.INDEXPAGE .idx-newProd .newProd-list .newProw-item .item-guide::-webkit-scrollbar {

    width: 0.03rem;

}



.INDEXPAGE .idx-newProd .newProd-list .newProw-item .item-guide::-webkit-scrollbar-track {

    border-radius: .1rem;

}



.INDEXPAGE .idx-newProd .newProd-list .newProw-item .item-guide::-webkit-scrollbar-thumb {

    border-radius: .1rem;

    -webkit-box-shadow: inset 0 0 0.06rem rgba(0, 0, 0, 0.3);

    background-color: #1e9e90;

}



.INDEXPAGE .idx-newProd .newProd-list .newProw-item .item-guide .text {

    width: 100%;

    height: 100%;

}



.INDEXPAGE .idx-newProd .newProd-list .newProw-item .item-guide .text p {

    color: #fff;

    line-height: 1.8;

}



.INDEXPAGE .idx-newProd .newProd-list .newProw-item-gt .item-outer {

    top: 90%;

}



.INDEXPAGE .idx-newProd .newProd-list .newProw-item-gt .item-title {

    height: 10%;

}



.INDEXPAGE .idx-newProd .newProd-list .newProw-item-gt .item-guide {

    height: 90%;

}



@media (max-width: 1200px) {

    .INDEXPAGE .idx-newProd .container {

        width: 100%;

        padding: 0 10px;

    }

}



@media (max-width: 900px) {

    .INDEXPAGE .idx-newProd .newProd-list {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    }

    .INDEXPAGE .idx-newProd .newProd-list .newProw-col {

        width: 49%;

    }

    .INDEXPAGE .idx-newProd .newProd-list .newProw-col:last-of-type {

        width: 100%;

        margin-top: 2%;

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

        -ms-flex-direction: row;

        flex-direction: row;

    }

    .INDEXPAGE .idx-newProd .newProd-list .newProw-col:last-of-type .newProw-item {

        width: 49%;

        margin-bottom: 2%;

    }

    .INDEXPAGE .idx-newProd .newProd-list .newProw-col:last-of-type .newProw-item:nth-of-type(2n) {

        margin-right: 0;

    }

    .INDEXPAGE .idx-newProd .newProd-list .newProw-col:nth-of-type(2n) {

        margin-right: 0;

    }

}



@media (max-width: 400px) {

    .INDEXPAGE .idx-newProd .newProd-list .newProw-col:first-of-type {

        margin-right: 0;

        width: 100%;

    }

    .INDEXPAGE .idx-newProd .newProd-list .newProw-col:first-of-type .newProw-item-gt {

        margin-bottom: 2%;

    }

    .INDEXPAGE .idx-newProd .newProd-list .newProw-col:nth-of-type(2) {

        width: 100%;

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

        -ms-flex-direction: row;

        flex-direction: row;

    }

    .INDEXPAGE .idx-newProd .newProd-list .newProw-col:nth-of-type(2) .newProw-item {

        width: 49%;

        margin-bottom: 2%;

    }

    .INDEXPAGE .idx-newProd .newProd-list .newProw-col:nth-of-type(2) .newProw-item:nth-of-type(2n) {

        margin-right: 0;

    }

    .INDEXPAGE .idx-newProd .newProd-list .newProw-col:last-of-type {

        margin-top: 0;

    }

}



.INDEXPAGE .idx-center {

    width: 100%;

    padding: 1rem 0;

    background: url("../images/idx19.jpg") center center/100% 100% no-repeat;

}



.INDEXPAGE .idx-center .container {

    width: 16rem;

    margin: 0 auto;

}



.INDEXPAGE .idx-center .center-title-EN {

    font-family: 'AvantGardeITCbyBT-Book';

    color: #999;

}



.INDEXPAGE .idx-center .center-title {

    color: #333;

    margin: .3rem 0 .5rem;

    font-weight: 700;

}



.INDEXPAGE .idx-center .center-list {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.INDEXPAGE .idx-center .center-list .center-col {

    width: 33%;

    margin-right: .5%;

}



.INDEXPAGE .idx-center .center-list .center-col:last-of-type {

    margin-right: 0;

}



.INDEXPAGE .idx-center .center-list .center-row {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-bottom: 1.5%;

}



.INDEXPAGE .idx-center .center-list .center-row:last-of-type {

    margin-bottom: 0;

}



.INDEXPAGE .idx-center .center-list .center-item-whole {

    width: 100%;

}



.INDEXPAGE .idx-center .center-list .center-item-split {

    margin-right: 1.5%;

    width: 49.25%;

}



.INDEXPAGE .idx-center .center-list .center-item-split:last-of-type {

    margin-right: 0;

}



.INDEXPAGE .idx-center .center-list .center-item {

    position: relative;

    border-radius: .1rem;

    overflow: hidden;

}



.INDEXPAGE .idx-center .center-list .center-item:hover .item-layer {

    top: 0;

}



.INDEXPAGE .idx-center .center-list .center-item .item-show {

    width: 100%;

    position: relative;

    z-index: 3;

}



.INDEXPAGE .idx-center .center-list .center-item .item-layer {

    position: absolute;

    left: 0;

    top: 80%;

    width: 100%;

    height: 100%;

    background-color: rgba(30, 158, 144, 0.7);

    padding: 0 .2rem;

    z-index: 4;

    -webkit-transition: all .5s;

    transition: all .5s;

}



.INDEXPAGE .idx-center .center-list .center-item .item-content {

    text-align: left;

    width: 100%;

    height: 80%;

    margin-top: .2rem;

    padding: 0 .1rem;

    overflow-y: scroll;

}



.INDEXPAGE .idx-center .center-list .center-item .item-content .content {

    width: 100%;

    height: 100%;

}



.INDEXPAGE .idx-center .center-list .center-item .item-content .content p {

    color: #fff;

    line-height: 1.8;

}



.INDEXPAGE .idx-center .center-list .center-item .item-content::-webkit-scrollbar {

    width: 0.03rem;

}



.INDEXPAGE .idx-center .center-list .center-item .item-content::-webkit-scrollbar-track {

    border-radius: .1rem;

}



.INDEXPAGE .idx-center .center-list .center-item .item-content::-webkit-scrollbar-thumb {

    border-radius: .1rem;

    -webkit-box-shadow: inset 0 0 0.06rem rgba(0, 0, 0, 0.3);

    background-color: rgba(255, 255, 255, 0.7);

}



.INDEXPAGE .idx-center .center-list .center-item .item-img {

    width: 100%;

    overflow: hidden;

}



.INDEXPAGE .idx-center .center-list .center-item .item-img img {

    width: 100%;

    -webkit-transition: -webkit-transform .5s;

    transition: -webkit-transform .5s;

    transition: transform .5s;

    transition: transform .5s, -webkit-transform .5s;

}



.INDEXPAGE .idx-center .center-list .center-item .item-title {

    height: 20%;

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}



.INDEXPAGE .idx-center .center-list .center-item .item-title .text {

    color: #fff;

    text-align: center;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

}



.INDEXPAGE .idx-center .center-list .center-item-gt .item-layer {

    top: 90%;

}



.INDEXPAGE .idx-center .center-list .center-item-gt .item-title {

    height: 10%;

}



.INDEXPAGE .idx-center .center-list .center-item-gt .item-guide {

    height: 90%;

}



@media (max-width: 1200px) {

    .INDEXPAGE .idx-center .container {

        width: 100%;

        padding: 0 10px;

    }

}



@media (max-width: 900px) {

    .INDEXPAGE .idx-center .center-list {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    }

    .INDEXPAGE .idx-center .center-list .center-col {

        width: 49.5%;

        margin-right: 1%;

    }

    .INDEXPAGE .idx-center .center-list .center-col:last-of-type {

        width: 100%;

        margin-top: 1%;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

    }

    .INDEXPAGE .idx-center .center-list .center-col:last-of-type .center-row {

        width: 49.5%;

        margin-right: 1%;

        margin-bottom: 0;

    }

    .INDEXPAGE .idx-center .center-list .center-col:last-of-type .center-row:last-of-type {

        margin-right: 0;

    }

    .INDEXPAGE .idx-center .center-list .center-col:nth-of-type(2) {

        margin-right: 0;

    }

}



@media (max-width: 500px) {

    .INDEXPAGE .idx-center .center-list .center-col {

        width: 100%;

        margin-right: 0;

    }

    .INDEXPAGE .idx-center .center-list .center-col:first-of-type .center-row {

        margin-bottom: 1%;

    }

    .INDEXPAGE .idx-center .center-list .center-col:last-of-type {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    }

    .INDEXPAGE .idx-center .center-list .center-col:last-of-type .center-row {

        width: 100%;

        margin-right: 0;

        margin-bottom: 1%;

    }

}



.INDEXPAGE .idx-good {

    width: 100%;

    padding: 1rem 0;

    background: url("../images/idx27.jpg") center center/100% 100% no-repeat;

}



.INDEXPAGE .idx-good .container {

    width: 16rem;

    margin: 0 auto;

}



.INDEXPAGE .idx-good .good-title-EN {

    font-family: 'AvantGardeITCbyBT-Book';

    width: 100%;

    color: #fff;

    text-align: center;

}



.INDEXPAGE .idx-good .good-title {

    color: #fff;

    margin: .2rem 0 .5rem;

    width: 100%;

    text-align: center;

    font-weight: 700;

}



.INDEXPAGE .idx-good .good-list {

    width: 100%;

}



.INDEXPAGE .idx-good .good-list .good-item {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.INDEXPAGE .idx-good .good-list .good-item .item-img {

    width: 50%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

}



.INDEXPAGE .idx-good .good-list .good-item .item-img img {

    width: 100%;

}



.INDEXPAGE .idx-good .good-list .good-item .item-text {

    width: 50%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

}



.INDEXPAGE .idx-good .good-list .good-item .item-text .text-block {

    width: 87.5%;

    margin-bottom: .4rem;

}



.INDEXPAGE .idx-good .good-list .good-item .item-text .text-block .block-num {

    font-weight: 700;

    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f39800), to(rgba(243, 152, 0, 0.1)));

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



.INDEXPAGE .idx-good .good-list .good-item .item-text .text-block .block-title {

    color: #fff;

    line-height: 1.8;

}



.INDEXPAGE .idx-good .good-list .good-item .item-text .text-block .block-guide {

    color: #fff;

    line-height: 1.8;

}



.INDEXPAGE .idx-good .good-list .good-item:nth-of-type(2n) .item-text {

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

}



@media (max-width: 1200px) {

    .INDEXPAGE .idx-good .container {

        width: 100%;

        padding: 0 10px;

    }

}



@media (max-width: 900px) {

    .INDEXPAGE .idx-good .good-list .good-item {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    }

    .INDEXPAGE .idx-good .good-list .good-item .item-img {

        width: 100%;

    }

    .INDEXPAGE .idx-good .good-list .good-item .item-text {

        width: 100%;

        -webkit-box-pack: start;

        -ms-flex-pack: start;

        justify-content: flex-start;

        -webkit-box-align: start;

        -ms-flex-align: start;

        align-items: flex-start;

        margin-top: .4rem;

    }

    .INDEXPAGE .idx-good .good-list .good-item .item-text .text-block {

        width: 100%;

    }

    .INDEXPAGE .idx-good .good-list .good-item:nth-of-type(2n) {

        -webkit-box-orient: vertical;

        -webkit-box-direction: reverse;

        -ms-flex-direction: column-reverse;

        flex-direction: column-reverse;

    }

}



.INDEXPAGE .idx-honor {

    width: 100%;

    padding: 1rem 0;

    background-color: #fff;

}



.INDEXPAGE .idx-honor .container {

    width: 16rem;

    margin: 0 auto;

}



.INDEXPAGE .idx-honor .honor-title-EN {

    font-family: 'AvantGardeITCbyBT-Book';

    width: 100%;

    color: #999999;

}



.INDEXPAGE .idx-honor .honor-title {

    color: #333333;

    margin: .2rem 0 .5rem;

    width: 100%;

    font-weight: 700;

}



.INDEXPAGE .idx-honor .honor-swiper {

    width: 100%;

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}



.INDEXPAGE .idx-honor .honor-swiper .swiper-gt {

    width: 49%;

}



.INDEXPAGE .idx-honor .honor-swiper .swiper-container {

    height: 5.9rem;

}



.INDEXPAGE .idx-honor .honor-swiper .swiper-container .swiper-slide {

    background-color: #f8fcfc;

    padding: 0 1.5rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}



.INDEXPAGE .idx-honor .honor-swiper .swiper-container .swiper-slide img {

    width: 100%;

}



.INDEXPAGE .idx-honor .honor-swiper .swiper-lt {

    width: 49%;

}



.INDEXPAGE .idx-honor .honor-swiper .swiper-pages {

    width: 100%;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -ms-flex-line-pack: justify;

    align-content: space-between;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: 100%;

}



.INDEXPAGE .idx-honor .honor-swiper .swiper-pages .swiper-page {

    width: 48%;

    background-color: #f8fcfc;

    padding: 0 .62rem;

    height: 48%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    cursor: pointer;

    border: .02rem solid transparent;

    -webkit-transition: border .5s;

    transition: border .5s;

}



.INDEXPAGE .idx-honor .honor-swiper .swiper-pages .swiper-page:nth-of-type(2n) {

    margin-right: 0;

}



.INDEXPAGE .idx-honor .honor-swiper .swiper-pages .swiper-page img {

    width: 100%;

}



.INDEXPAGE .idx-honor .honor-swiper .swiper-pages .swiperPageIs {

    border-color: rgba(30, 158, 144, 0.5);

}



.INDEXPAGE .idx-honor .honor-swiper .swiper-button-prev,
.INDEXPAGE .idx-honor .honor-swiper .swiper-button-next {

    -webkit-box-shadow: 0 0 0.3rem 0 rgba(0, 0, 0, 0.05);

    box-shadow: 0 0 0.3rem 0 rgba(0, 0, 0, 0.05);

    width: 0.7rem;

    height: 0.7rem;

    border-radius: 50%;

    background-color: #fff;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    -webkit-transition: all .5s;

    transition: all .5s;

    z-index: 3;

}



.INDEXPAGE .idx-honor .honor-swiper .swiper-button-prev .disable,
.INDEXPAGE .idx-honor .honor-swiper .swiper-button-next .disable {

    display: block;

}



.INDEXPAGE .idx-honor .honor-swiper .swiper-button-prev .able,
.INDEXPAGE .idx-honor .honor-swiper .swiper-button-next .able {

    display: none;

}



.INDEXPAGE .idx-honor .honor-swiper .swiper-button-prev img,
.INDEXPAGE .idx-honor .honor-swiper .swiper-button-next img {

    width: 0.12rem;

    height: 0.24rem;

}



.INDEXPAGE .idx-honor .honor-swiper .swiper-button-prev:hover,
.INDEXPAGE .idx-honor .honor-swiper .swiper-button-next:hover {

    background-color: #1e9e90;

}



.INDEXPAGE .idx-honor .honor-swiper .swiper-button-prev:hover .disable,
.INDEXPAGE .idx-honor .honor-swiper .swiper-button-next:hover .disable {

    display: none;

}



.INDEXPAGE .idx-honor .honor-swiper .swiper-button-prev:hover .able,
.INDEXPAGE .idx-honor .honor-swiper .swiper-button-next:hover .able {

    display: block;

}



.INDEXPAGE .idx-honor .honor-swiper .swiper-button-prev {

    left: -1.1rem;

}



.INDEXPAGE .idx-honor .honor-swiper .swiper-button-next {

    right: -1.1rem;

}



@media (max-width: 1200px) {

    .INDEXPAGE .idx-honor .container {

        width: 100%;

        padding: 0 10px;

    }

    .INDEXPAGE .idx-honor .honor-swiper .swiper-button-prev,
    .INDEXPAGE .idx-honor .honor-swiper .swiper-button-next {

        display: none;

    }

}



@media (max-width: 900px) {

    .INDEXPAGE .idx-honor .honor-swiper {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    }

    .INDEXPAGE .idx-honor .honor-swiper .swiper-container {

        height: auto;

    }

    .INDEXPAGE .idx-honor .honor-swiper .swiper-container .swiper-slide {

        padding: 1rem 1.5rem;

    }

    .INDEXPAGE .idx-honor .honor-swiper .swiper-gt {

        width: 100%;

        margin-bottom: 2%;

    }

    .INDEXPAGE .idx-honor .honor-swiper .swiper-lt {

        width: 100%;

    }

    .INDEXPAGE .idx-honor .honor-swiper .swiper-pages .swiper-page {

        width: 49%;

        height: 49%;

        padding: .4rem .62rem;

    }

}



.INDEXPAGE .idx-flow {

    width: 100%;

    padding: 1rem 0;

    background: url("../images/idx35.jpg") center center/100% 100% no-repeat;

}



.INDEXPAGE .idx-flow .container {

    width: 16rem;

    margin: 0 auto;

}



.INDEXPAGE .idx-flow .flow-title-EN {

    font-family: 'AvantGardeITCbyBT-Book';

    width: 100%;

    color: #999999;

}



.INDEXPAGE .idx-flow .flow-title {

    color: #333333;

    margin: .2rem 0 .5rem;

    width: 100%;

    font-weight: 700;

}



.INDEXPAGE .idx-flow .flow-swiper {

    width: 100%;

    padding-top: .7rem;

}



.INDEXPAGE .idx-flow .flow-swiper .swiper-slide .slide-num {

    width: 100%;

    color: #666;

    text-align: center;

}



.INDEXPAGE .idx-flow .flow-swiper .swiper-slide .slide-block {

    width: 100%;

    margin: .6rem auto;

    position: relative;

}



.INDEXPAGE .idx-flow .flow-swiper .swiper-slide .slide-block:before {

    content: '';

    display: block;

    width: 100%;

    height: 0.01rem;

    background-color: rgba(0, 0, 0, 0.1);

    position: absolute;

    top: 50%;

    left: 0;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}



.INDEXPAGE .idx-flow .flow-swiper .swiper-slide .slide-block:after {

    content: '';

    display: block;

    width: 0.13rem;

    height: 0.13rem;

    border-radius: .05rem 0 .05rem 0;

    border: solid .01rem #666666;

    margin: 0 auto;

}



.INDEXPAGE .idx-flow .flow-swiper .swiper-slide .slide-icon {

    width: 0.6rem;

    height: 0.6rem;

    margin: 0 auto;

}



.INDEXPAGE .idx-flow .flow-swiper .swiper-slide .slide-icon img {

    width: 100%;

    height: 100%;

}



.INDEXPAGE .idx-flow .flow-swiper .swiper-slide .slide-title {

    width: 100%;

    color: #222;

    text-align: center;

    margin: .36rem 0 .18rem;

}



.INDEXPAGE .idx-flow .flow-swiper .swiper-slide .slide-guide {

    width: 80%;

    text-align: center;

    color: #666;

    line-height: 1.8;

    margin: 0 auto;

}



@media (max-width: 1200px) {

    .INDEXPAGE .idx-flow .container {

        width: 100%;

        padding: 0 10px;

    }

}



.INDEXPAGE .idx-news {

    width: 100%;

    padding: 1rem 0;

    background-color: #fff;

}



.INDEXPAGE .idx-news .container {

    width: 16rem;

    margin: 0 auto;

}



.INDEXPAGE .idx-news .news-header {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-bottom: .5rem;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}



.INDEXPAGE .idx-news .news-info {

    width: 62.5%;

}



.INDEXPAGE .idx-news .news-tabs {

    width: 37.5%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}



.INDEXPAGE .idx-news .news-tabs .news-tab {

    display: inline-block;

    -webkit-transition: all .5s;

    transition: all .5s;

}



.INDEXPAGE .idx-news .news-tabs .news-tab:first-of-type {

    margin-left: 0;

}



.INDEXPAGE .idx-news .news-tabs .news-tab:hover {

    color: #1e9e90;

    font-weight: 700;

}



.INDEXPAGE .idx-news .news-tabs .newsTabIs {

    color: #1e9e90;

    font-weight: 700;

}



.INDEXPAGE .idx-news .news-title-EN {

    font-family: 'AvantGardeITCbyBT-Book';

    width: 100%;

    color: #999999;

}



.INDEXPAGE .idx-news .news-title {

    color: #333333;

    margin: .2rem 0 0;

    width: 100%;

    font-weight: 700;

}



.INDEXPAGE .idx-news .news-main {

    width: 100%;

}



.INDEXPAGE .idx-news .news-swiper {

    width: 100%;

}



.INDEXPAGE .idx-news .news-swiper .swiper-slide {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}



.INDEXPAGE .idx-news .news-swiper .swiper-slide .news-img {

    width: 50%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    overflow: hidden;

    border-radius: .3rem;

}



.INDEXPAGE .idx-news .news-swiper .swiper-slide .news-img img {

    width: 100%;

}



.INDEXPAGE .idx-news .news-swiper .swiper-slide .news-list {

    width: 45%;

}



.INDEXPAGE .idx-news .news-swiper .swiper-slide .news-list .news-item {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    border-bottom: solid .01rem #eaeaea;

    cursor: pointer;

}



.INDEXPAGE .idx-news .news-swiper .swiper-slide .news-list .news-item:hover .item-title {

    color: #1e9e90;

}



.INDEXPAGE .idx-news .news-swiper .swiper-slide .news-list .news-item .item-info {

    width: 74%;

}



.INDEXPAGE .idx-news .news-swiper .swiper-slide .news-list .news-item .item-title {

    color: #222;

    width: 100%;

    line-height: 1.3;

    margin-bottom: .3rem;

    -webkit-transition: color .5s;

    transition: color .5s;

    font-family: 'AvantGardeITCbyBT-Demi';

}



.INDEXPAGE .idx-news .news-swiper .swiper-slide .news-list .news-item .item-guide {

    color: #707070;

    width: 100%;

    line-height: 1.8;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

}



.INDEXPAGE .idx-news .news-swiper .swiper-slide .news-list .news-item .item-time {

    width: 26%;

    color: #333;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

    font-weight: 700;

}



@media (max-width: 1200px) {

    .INDEXPAGE .idx-news .container {

        width: 100%;

        padding: 0 10px;

    }

}



@media (max-width: 900px) {

    .INDEXPAGE .idx-news .news-swiper .swiper-slide {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    }

    .INDEXPAGE .idx-news .news-swiper .swiper-slide .news-img {

        width: 100%;

        margin-bottom: 0.2rem;

    }

    .INDEXPAGE .idx-news .news-swiper .swiper-slide .news-list {

        width: 100%;

    }

    .INDEXPAGE .idx-news .news-swiper .swiper-slide .news-list .news-item {

        padding: .4rem 0;

    }

}



@media (max-width: 750px) {

    .INDEXPAGE .idx-news .news-header {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    }

    .INDEXPAGE .idx-news .news-info {

        width: 100%;

    }

    .INDEXPAGE .idx-news .news-tabs {

        width: 100%;

        padding: .5rem 0;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

    }

    .INDEXPAGE .idx-news .news-tabs .news-tab {

        margin: 0 .32rem;

    }

}



@media (max-width: 350px) {

    .INDEXPAGE .idx-news .news-tabs {

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: space-between;

    }

    .INDEXPAGE .idx-news .news-tabs .news-tab {

        margin: 0;

    }

}



.INDEXPAGE .idx-part {

    width: 100%;

    padding: 1rem 0;

    background-color: #f8fcfc;

}



.INDEXPAGE .idx-part .container {

    width: 16rem;

    margin: 0 auto;

}



.INDEXPAGE .idx-part .part-title-EN {

    font-family: 'AvantGardeITCbyBT-Book';

    width: 100%;

    color: #999999;

}



.INDEXPAGE .idx-part .part-title {

    color: #333333;

    margin: .2rem 0 0;

    width: 100%;

    font-weight: 700;

}



.INDEXPAGE .idx-part .part-swiper {

    width: 100%;

    margin-top: .5rem;

    position: relative;

}



.INDEXPAGE .idx-part .part-swiper .swiper-slide {

    padding: 0.6%;

}



.INDEXPAGE .idx-part .part-swiper .swiper-slide .slide-img {

    width: 100%;

}



.INDEXPAGE .idx-part .part-swiper .swiper-slide .slide-img img {

    width: 100%;

}



.INDEXPAGE .idx-part .part-swiper .swiper-button-prev,
.INDEXPAGE .idx-part .part-swiper .swiper-button-next {

    z-index: 3;

    -webkit-box-shadow: 0 0 0.3rem 0 rgba(0, 0, 0, 0.05);

    box-shadow: 0 0 0.3rem 0 rgba(0, 0, 0, 0.05);

    width: 0.7rem;

    height: 0.7rem;

    border-radius: 50%;

    background-color: #fff;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    -webkit-transition: all .5s;

    transition: all .5s;

}



.INDEXPAGE .idx-part .part-swiper .swiper-button-prev .disable,
.INDEXPAGE .idx-part .part-swiper .swiper-button-next .disable {

    display: block;

}



.INDEXPAGE .idx-part .part-swiper .swiper-button-prev .able,
.INDEXPAGE .idx-part .part-swiper .swiper-button-next .able {

    display: none;

}



.INDEXPAGE .idx-part .part-swiper .swiper-button-prev img,
.INDEXPAGE .idx-part .part-swiper .swiper-button-next img {

    width: 0.12rem;

    height: 0.24rem;

}



.INDEXPAGE .idx-part .part-swiper .swiper-button-prev:hover,
.INDEXPAGE .idx-part .part-swiper .swiper-button-next:hover {

    background-color: #1e9e90;

}



.INDEXPAGE .idx-part .part-swiper .swiper-button-prev:hover .disable,
.INDEXPAGE .idx-part .part-swiper .swiper-button-next:hover .disable {

    display: none;

}



.INDEXPAGE .idx-part .part-swiper .swiper-button-prev:hover .able,
.INDEXPAGE .idx-part .part-swiper .swiper-button-next:hover .able {

    display: block;

}



.INDEXPAGE .idx-part .part-swiper .swiper-button-prev {

    left: -1.1rem;

}



.INDEXPAGE .idx-part .part-swiper .swiper-button-next {

    right: -1.1rem;

}



@media (max-width: 1200px) {

    .INDEXPAGE .idx-part .container {

        width: 100%;

        padding: 0 10px;

    }

    .INDEXPAGE .idx-part .part-swiper .swiper-container {

        width: 85%;

        margin: 0 auto;

    }

    .INDEXPAGE .idx-part .part-swiper .swiper-button-prev {

        left: 0;

    }

    .INDEXPAGE .idx-part .part-swiper .swiper-button-next {

        right: 0;

    }

}



@media (max-width: 550px) {

    .INDEXPAGE .idx-part .part-swiper .swiper-container {

        width: 80%;

    }

}



/* 新闻资讯 */

.NEWSLIST {

    width: 100%;

    padding-top: .9rem;

}



.NEWSLIST .news-swiper {

    width: 100%;

    margin-top: .72rem;

}



.NEWSLIST .news-swiper .container {

    width: 16rem;

    margin: 0 auto;

}



.NEWSLIST .news-swiper .swiper-slide {

    display: block;

    cursor: pointer;

}



.NEWSLIST .news-swiper .swiper-slide:hover .slide-title {

    color: #1e9e90;

    font-weight: 700;

}



.NEWSLIST .news-swiper .swiper-slide:hover .slide-img img {

    -webkit-transform: scale(1.2);

    transform: scale(1.2);

}



.NEWSLIST .news-swiper .swiper-slide .slide-img {

    width: 100%;

    overflow: hidden;

    border-radius: .3rem;

}



.NEWSLIST .news-swiper .swiper-slide .slide-img img {

    width: 100%;

    -webkit-transition: -webkit-transform .5s;

    transition: -webkit-transform .5s;

    transition: transform .5s;

    transition: transform .5s, -webkit-transform .5s;

}



.NEWSLIST .news-swiper .swiper-slide .slide-title {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

    text-overflow: ellipsis;

    width: 100%;

    color: #333;

    margin: .4rem 0 .2rem;

    -webkit-transition: all .5s;

    transition: all .5s;

}



.NEWSLIST .news-swiper .swiper-slide .slide-time {

    width: 100%;

    color: #333;

}



.NEWSLIST .news-swiper .news-swiper-pagination {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin: .36rem 0 .32rem;

}



.NEWSLIST .news-swiper .news-swiper-pagination .swiper-pagination-bullet {

    width: 0.15rem;

    height: 0.15rem;

    min-height: 8px;

    min-width: 8px;

    opacity: 1;

    margin: 0 .15rem;

    border: solid .01rem #1e9e90;

    background-color: #fff;

}



.NEWSLIST .news-swiper .news-swiper-pagination .swiper-pagination-bullet-active {

    background-color: #1e9e90;

}



@media (max-width: 1200px) {

    .NEWSLIST .news-swiper .container {

        width: 100%;

        padding: 0 10px;

    }

}



.NEWSLIST .news-list {

    width: 100%;

}



.NEWSLIST .news-list .container {

    width: 16rem;

    margin: 0 auto;

}



.NEWSLIST .news-list .news-item {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 100%;

    padding: .6rem 0;

    border-bottom: solid .01rem #eeeeee;

    cursor: pointer;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.NEWSLIST .news-list .news-item:first-of-type {

    border-top: solid .01rem #eeeeee;

}



.NEWSLIST .news-list .news-item:hover .item-img img {

    -webkit-transform: scale(1.2);

    transform: scale(1.2);

}



.NEWSLIST .news-list .news-item:hover .item-title {

    color: #1e9e90;

}



.NEWSLIST .news-list .news-item:hover .item-more {

    background-color: #1e9e90;

}



.NEWSLIST .news-list .news-item:hover .item-more .s16,
.NEWSLIST .news-list .news-item:hover .item-more .add {

    color: #fff;

}



.NEWSLIST .news-list .news-item .item-img {

    width: 4rem;

    overflow: hidden;

    border-radius: .2rem;

}



.NEWSLIST .news-list .news-item .item-img img {

    width: 100%;

    -webkit-transition: -webkit-transform .5s;

    transition: -webkit-transform .5s;

    transition: transform .5s;

    transition: transform .5s, -webkit-transform .5s;

}



.NEWSLIST .news-list .news-item .item-text {

    width: 12rem;

    padding-left: .6rem;

    padding-right: .4rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

}



.NEWSLIST .news-list .news-item .item-time {

    color: #333;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.NEWSLIST .news-list .news-item .item-time:after {

    content: '';

    display: inline-block;

    background-color: rgba(0, 0, 0, 0.55);

    width: 0.5rem;

    height: 0.02rem;

    margin-left: .2rem;

}



.NEWSLIST .news-list .news-item .item-title {

    color: #222;

    width: 100%;

    margin: .2rem 0;

    -webkit-transition: color .5s;

    transition: color .5s;

    line-height: 1.5;

}



.NEWSLIST .news-list .news-item .item-guide {

    color: #666;

    line-height: 1.8;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

}



.NEWSLIST .news-list .news-item .item-more {

    margin-top: .5rem;

    display: inline-block;

    padding: .1rem .38rem;

    border-radius: .25rem;

    border: solid .01rem #1e9e90;

    -webkit-transition: background-color .5s;

    transition: background-color .5s;

}



.NEWSLIST .news-list .news-item .item-more .s16 {

    vertical-align: middle;

    color: #1e9e90;

    -webkit-transition: color .5s;

    transition: color .5s;

    margin-right: .2rem;

}



.NEWSLIST .news-list .news-item .item-more .add {

    vertical-align: middle;

    color: #1e9e90;

    -webkit-transition: color .5s;

    transition: color .5s;

}



@media (max-width: 1200px) {

    .NEWSLIST .news-list .container {

        width: 100%;

        padding: 0 10px;

    }

    .NEWSLIST .news-list .news-item .item-img {

        width: 25%;

    }

    .NEWSLIST .news-list .news-item .item-text {

        width: 75%;

    }

}



@media (max-width: 900px) {

    .NEWSLIST .news-list .news-item {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    }

    .NEWSLIST .news-list .news-item .item-img {

        width: 100%;

        padding: .4rem 0;

    }

    .NEWSLIST .news-list .news-item .item-text {

        width: 100%;

        padding: .4rem 0;

    }

}



/* 新闻详情 */

.NEWSDETAIL {

    width: 100%;

}



.NEWSDETAIL .news-detail {

    width: 100%;

    padding: 1.4rem 0 .6rem;

}



.NEWSDETAIL .news-detail .container {

    width: 16rem;

    margin: 0 auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}



.NEWSDETAIL .news-detail .detail {

    width: 11.25rem;

}



.NEWSDETAIL .news-detail .detail .detail-header {

    width: 100%;

}



.NEWSDETAIL .news-detail .detail .detail-title {

    width: 100%;

    color: #222;

    line-height: 1.5;

}



.NEWSDETAIL .news-detail .detail .detail-info {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin: .3rem 0 .42rem;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.NEWSDETAIL .news-detail .detail .detail-info .info-time {

    color: #999;

    margin-right: .64rem;

}



.NEWSDETAIL .news-detail .detail .detail-info .info-read {

    color: #999;

    margin-right: .64rem;

}



.NEWSDETAIL .news-detail .detail .detail-info .info-share {

    color: #999;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.NEWSDETAIL .news-detail .detail .detail-info .info-share>a {

    /*width: 0.24rem;*/

    /*height: 0.24rem;*/

    cursor: pointer;

    /*margin-right: .24rem;*/

    min-width: 20px;

    min-height: 20px;

}



.NEWSDETAIL .news-detail .detail .detail-info .info-share>a img {

    width: 100%;

    height: 100%;

}



.NEWSDETAIL .news-detail .detail .detail-info .info-share .title {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.NEWSDETAIL .news-detail .detail .detail-main {

    padding: .4rem 0;

    width: 100%;

    border-top: dashed .01rem #cccccc;

    border-bottom: dashed .01rem #cccccc;

}



.NEWSDETAIL .news-detail .detail .detail-main p {

    color: #666;

    line-height: 2;

}



.NEWSDETAIL .news-detail .detail .detail-main img {

    width: 100%;

    margin: .5rem 0;

}



.NEWSDETAIL .news-detail .detail .detail-footer {

    width: 100%;

}



.NEWSDETAIL .news-detail .detail .detail-footer .detail-pages {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    padding: .4rem 0;

}



.NEWSDETAIL .news-detail .detail .detail-footer .detail-pages .page-prev,
.NEWSDETAIL .news-detail .detail .detail-footer .detail-pages .page-next {

    cursor: pointer;

}



.NEWSDETAIL .news-detail .detail .detail-footer .detail-pages .page-prev img,
.NEWSDETAIL .news-detail .detail .detail-footer .detail-pages .page-next img {

    width: 0.09rem;

    height: 0.15rem;

    min-width: 8px;

    min-height: 14px;

    vertical-align: middle;

}



.NEWSDETAIL .news-detail .detail .detail-footer .detail-pages .page-prev span,
.NEWSDETAIL .news-detail .detail .detail-footer .detail-pages .page-next span {

    color: #333;

    margin: 0 .2rem;

    vertical-align: middle;

}



.NEWSDETAIL .news-detail .detail .detail-footer .detail-pages .page-return {

    cursor: pointer;

}



.NEWSDETAIL .news-detail .detail .detail-footer .detail-pages .page-return span {

    vertical-align: middle;

    color: #1e9e90;

}



.NEWSDETAIL .news-detail .detail .detail-footer .detail-pages .page-return img {

    width: 0.16rem;

    height: 0.13rem;

    min-width: 16px;

    min-height: 13px;

    vertical-align: middle;

}



.NEWSDETAIL .news-detail .hot {

    width: 4rem;

}



.NEWSDETAIL .news-detail .hot .hot-header {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    margin-bottom: .3rem;

}



.NEWSDETAIL .news-detail .hot .hot-title {

    color: #222;

}



.NEWSDETAIL .news-detail .hot .hot-more {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    cursor: pointer;

}



.NEWSDETAIL .news-detail .hot .hot-more span {

    color: #333;

    margin-right: .08rem;

}



.NEWSDETAIL .news-detail .hot .hot-more img {

    width: 0.18rem;

    height: 0.18rem;

}



.NEWSDETAIL .news-detail .hot .hot-main {

    width: 100%;

}



.NEWSDETAIL .news-detail .hot .hot-list {

    width: 100%;

}



.NEWSDETAIL .news-detail .hot .hot-item {

    width: 100%;

    display: block;

    margin-bottom: 0.42rem;

    cursor: pointer;

}



.NEWSDETAIL .news-detail .hot .hot-item:hover .item-img img {

    -webkit-transform: scale(1.2);

    transform: scale(1.2);

}



.NEWSDETAIL .news-detail .hot .hot-item:hover .item-title {

    color: #1e9e90;

}



.NEWSDETAIL .news-detail .hot .hot-item .item-img {

    width: 100%;

    overflow: hidden;

    border-radius: .2rem;

}



.NEWSDETAIL .news-detail .hot .hot-item .item-img img {

    width: 100%;

    -webkit-transition: -webkit-transform .5s;

    transition: -webkit-transform .5s;

    transition: transform .5s;

    transition: transform .5s, -webkit-transform .5s;

}



.NEWSDETAIL .news-detail .hot .hot-item .item-title {

    color: #222;

    width: 100%;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

    text-overflow: ellipsis;

    margin: .3rem 0 .16rem;

    -webkit-transition: color .5s;

    transition: color .5s;

}



@media (max-width: 1200px) {

    .NEWSDETAIL .news-detail .container {

        width: 100%;

        padding: 0 10px;

    }

    .NEWSDETAIL .news-detail .detail {

        width: 72%;

    }

    .NEWSDETAIL .news-detail .hot {

        width: 25%;

    }

}



@media (max-width: 750px) {

    .NEWSDETAIL .news-detail .container {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    }

    .NEWSDETAIL .news-detail .detail {

        width: 100%;

        margin-bottom: 3%;

    }

    .NEWSDETAIL .news-detail .hot {

        width: 100%;

    }

}



@media (max-width: 550px) {

    .NEWSDETAIL .news-detail .detail .detail-info {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    }

    .NEWSDETAIL .news-detail .detail .detail-info .info-time {

        width: 100%;

        margin-bottom: 2%;

    }

    .NEWSDETAIL .news-detail .detail .detail-info .info-read {

        width: 100%;

        margin-bottom: 2%;

    }

    .NEWSDETAIL .news-detail .detail .detail-info .info-share {

        width: 100%;

    }

}



/* 设计策划 */

.DESIGNLIST {

    width: 100%;

}



.DESIGNLIST .design-list {

    width: 100%;

    padding: 1rem 0;

}



.DESIGNLIST .design-list .container {

    width: 16rem;

    margin: 0 auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}



.DESIGNLIST .design-list .design-item {

    width: 49%;

    padding: .3rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    background-color: #f8fcfc;

    border-radius: .2rem;

    margin-right: 2%;

    margin-bottom: 2%;

    cursor: pointer;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-transition: all .5s;

    transition: all .5s;

}



.DESIGNLIST .design-list .design-item:nth-of-type(2n) {

    margin-right: 0;

}



.DESIGNLIST .design-list .design-item:hover {

    background-color: #fff;

    -webkit-box-shadow: 0 0 0.3rem 0 rgba(0, 0, 0, 0.05);

    box-shadow: 0 0 0.3rem 0 rgba(0, 0, 0, 0.05);

}



.DESIGNLIST .design-list .design-item .item-img {

    width: 38%;

}



.DESIGNLIST .design-list .design-item .item-img img {

    width: 100%;

}



.DESIGNLIST .design-list .design-item .item-text {

    width: 62%;

    padding-left: .3rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}



.DESIGNLIST .design-list .design-item .item-title {

    color: #222;

    margin-bottom: .24rem;

}



.DESIGNLIST .design-list .design-item .item-guide {

    color: #666;

    line-height: 1.8;

}



@media (max-width: 1400px) {

    .DESIGNLIST .design-list .design-item {

        width: 100%;

        margin-right: 0;

    }

}



@media (max-width: 1200px) {

    .DESIGNLIST .design-list .container {

        width: 100%;

        padding: 0 10px;

    }

}



@media (max-width: 650px) {

    .DESIGNLIST .design-list .design-item {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    }

    .DESIGNLIST .design-list .design-item .item-img {

        width: 100%;

        margin-bottom: .3rem;

    }

    .DESIGNLIST .design-list .design-item .item-text {

        width: 100%;

        padding-left: 0;

    }

}



/* 产品服务 */

.PRODSERV {

    width: 100%;

    padding-bottom: 1rem;

}



.PRODSERV .prod-tabs {

    padding: .5rem 0;

    width: 100%;

}



.PRODSERV .prod-tabs .container {

    width: 16rem;

    margin: 0 auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}



.PRODSERV .prod-tabs .prod-tab {

    width: 1.9rem;

    min-width: 140px;

    margin-right: .1rem;

    margin-bottom: .1rem;

    border-radius: .25rem;

    height: .5rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    border: solid .01rem #eaeaea;

    -webkit-transition: border .5s;

    transition: border .5s;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    min-height: 40px;

}



.PRODSERV .prod-tabs .prod-tab span {

    color: #666;

    -webkit-transition: color .5s;

    transition: color .5s;

}



.PRODSERV .prod-tabs .prod-tab img {

    width: 0.17rem;

    height: 0.22rem;

    margin-right: 0.1rem;

    display: none;

}



.PRODSERV .prod-tabs .prod-tab:hover {

    border-color: #1e9e90;

}



.PRODSERV .prod-tabs .prod-tab:hover span {

    color: #1e9e90;

}



.PRODSERV .prod-tabs .prodTabIs {

    border-color: #1e9e90;

}



.PRODSERV .prod-tabs .prodTabIs img {

    display: inline-block;

}



.PRODSERV .prod-tabs .prodTabIs span {

    color: #1e9e90;

}



@media (max-width: 1200px) {

    .PRODSERV .prod-tabs .container {

        width: 100%;

        padding: 0 10px;

    }

    .PRODSERV .prod-tabs .prod-tab {

        width: 18.4%;

        min-width: auto;

        margin-right: 2%;

        margin-bottom: 2%;

    }

    .PRODSERV .prod-tabs .prod-tab:nth-of-type(5n) {

        margin-right: 0;

    }

}



@media (max-width: 750px) {

    .PRODSERV .prod-tabs .prod-tab {

        width: 23.5%;

    }

    .PRODSERV .prod-tabs .prod-tab:nth-of-type(5n) {

        margin-right: 2%;

    }

    .PRODSERV .prod-tabs .prod-tab:nth-of-type(4n) {

        margin-right: 0;

    }

}



@media (max-width: 550px) {

    .PRODSERV .prod-tabs .prod-tab {

        width: 32%;

    }

    .PRODSERV .prod-tabs .prod-tab:nth-of-type(4n) {

        margin-right: 2%;

    }

    .PRODSERV .prod-tabs .prod-tab:nth-of-type(3n) {

        margin-right: 0;

    }

}



@media (max-width: 450px) {

    .PRODSERV .prod-tabs .prod-tab {

        width: 49%;

    }

    .PRODSERV .prod-tabs .prod-tab:nth-of-type(3n) {

        margin-right: 2%;

    }

    .PRODSERV .prod-tabs .prod-tab:nth-of-type(2n) {

        margin-right: 0;

    }

    .PRODSERV .prod-tabs .prod-tab-hidden {

        display: none;

    }

}



.PRODSERV .prod-list {

    width: 100%;

}



.PRODSERV .prod-list .container {

    width: 16rem;

    margin: 0 auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}



.PRODSERV .prod-list .prod-item {width: 23.5%;display: block;position: relative;border-radius: .3rem;overflow: hidden;-webkit-transition: -webkit-box-shadow .5s;transition: -webkit-box-shadow .5s;transition: box-shadow .5s;transition: box-shadow .5s, -webkit-box-shadow .5s;margin-right: 2%;margin-bottom: 2%;cursor: pointer;}



.PRODSERV .prod-list .prod-item:nth-of-type(4n) {

    margin-right: 0;

}



.PRODSERV .prod-list .prod-item:hover {

    -webkit-box-shadow: 0 0 0.3rem 0 rgba(0, 0, 0, 0.05);

    box-shadow: 0 0 0.3rem 0 rgba(0, 0, 0, 0.05);

}



.PRODSERV .prod-list .prod-item:hover .outer .item-title {

    color: #1e9e90;

}



.PRODSERV .prod-list .prod-item:hover .inner .hover {

    opacity: 1;

}



.PRODSERV .prod-list .prod-item:hover .inner .init {

    opacity: 0;

}



.PRODSERV .prod-list .prod-item .outer {width: 100%;position: relative;z-index: 3;padding-bottom: .24rem;text-align: center;}



.PRODSERV .prod-list .prod-item .outer .item-img {width: 100%;height: auto;padding-top: 100%;position: relative;margin-bottom: .24rem;/* background-color: #fff; */}



.PRODSERV .prod-list .prod-item .outer .item-img img {width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}



.PRODSERV .prod-list .prod-item .outer .item-icon {

    width: 0.6rem;

    height: 0.6rem;

    border-radius: 50%;

    position: absolute;

    z-index: 3;

    top: 0.2rem;

    left: .2rem;

    background-color: #fff;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: none;

}



.PRODSERV .prod-list .prod-item .outer .item-icon img {

    width: 0.32rem;

    height: 0.41rem;

}



.PRODSERV .prod-list .prod-item .outer .pordHot {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.PRODSERV .prod-list .prod-item .outer .item-title {

    width: 100%;

    color: #222;

    margin-bottom: 0.2rem;

    -webkit-transition: color .5s;

    transition: color .5s;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

    text-overflow: ellipsis;

}



.PRODSERV .prod-list .prod-item .outer .item-guide {

    width: 100%;

    color: #333;

}



.PRODSERV .prod-list .prod-item .inner {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 2;

}



.PRODSERV .prod-list .prod-item .inner .hover {

    opacity: 0;

}



.PRODSERV .prod-list .prod-item .inner .init {

    opacity: 1;

}



.PRODSERV .prod-list .prod-item .inner img {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    -webkit-transition: opacity .5s;

    transition: opacity .5s;

}



@media (max-width: 1200px) {

    .PRODSERV .prod-list .container {

        width: 100%;

        padding: 0 10px;

    }

}



@media (max-width: 1000px) {

    .PRODSERV .prod-list .prod-item {

        width: 32%;

    }

    .PRODSERV .prod-list .prod-item:nth-of-type(4n) {

        margin-right: 2%;

    }

    .PRODSERV .prod-list .prod-item:nth-of-type(3n) {

        margin-right: 0;

    }

}



@media (max-width: 750px) {

    .PRODSERV .prod-list .prod-item {

        width: 49%;

    }

    .PRODSERV .prod-list .prod-item:nth-of-type(3n) {

        margin-right: 2%;

    }

    .PRODSERV .prod-list .prod-item:nth-of-type(2n) {

        margin-right: 0;

    }

}



/* 常见问题 */

.PROBLEMLIST {

    width: 100%;

}



.PROBLEMLIST .problem-list {

    width: 100%;

    padding: 1rem 0 0;

}



.PROBLEMLIST .problem-list .container {

    width: 16rem;

    margin: 0 auto;

}



.PROBLEMLIST .problem-list .problem-item {

    width: 100%;

    border-radius: .4rem;

    overflow: hidden;

    margin-bottom: .2rem;

}



.PROBLEMLIST .problem-list .problem-item .item-header {

    width: 100%;

    background-color: #f8fcfc;

    padding: .3rem .5rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    cursor: pointer;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-transition: background-color .5s;

    transition: background-color .5s;

}



.PROBLEMLIST .problem-list .problem-item .item-title {

    color: #222;

    line-height: 1.5;

    -webkit-transition: color .5s;

    transition: color .5s;

    padding-right: .04rem;

}



.PROBLEMLIST .problem-list .problem-item .item-btn {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-transition: -webkit-transform .5s;

    transition: -webkit-transform .5s;

    transition: transform .5s;

    transition: transform .5s, -webkit-transform .5s;

}



.PROBLEMLIST .problem-list .problem-item .item-btn .down {

    display: block;

}



.PROBLEMLIST .problem-list .problem-item .item-btn .up {

    display: none;

}



.PROBLEMLIST .problem-list .problem-item .item-btn img {

    width: 0.16rem;

    min-width: 16px;

    height: 0.08rem;

    min-height: 8px;

}



.PROBLEMLIST .problem-list .problem-item .item-main {

    width: 100%;

    padding: .3rem .5rem;

    background-color: #f8fcfc;

    display: none;

}



.PROBLEMLIST .problem-list .problem-item .item-guide {

    width: 100%;

    line-height: 2;

    color: #666;

}



.PROBLEMLIST .problem-list .problemItemShow .item-header {

    background-color: #1e9e90;

}



.PROBLEMLIST .problem-list .problemItemShow .item-title {

    color: #fff;

}



.PROBLEMLIST .problem-list .problemItemShow .item-btn {

    -webkit-transform: rotate(-180deg);

    transform: rotate(-180deg);

}



.PROBLEMLIST .problem-list .problemItemShow .item-btn .down {

    display: none;

}



.PROBLEMLIST .problem-list .problemItemShow .item-btn .up {

    display: block;

}



@media (max-width: 1200px) {

    .PROBLEMLIST .problem-list .container {

        width: 100%;

        padding: 0 10px;

    }

}



/* 合作伙伴 */

.PARTNERLIST {

    width: 100%;

}



.PARTNERLIST .part-list {

    width: 100%;

    padding: .8rem 0 0;

    background-color: #fff;

}



.PARTNERLIST .part-list .container {

    width: 16rem;

    margin: 0 auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}



.PARTNERLIST .part-list .part-item {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    cursor: pointer;

    width: 16.66%;

    border: solid .01rem #eeeeee;

}



.PARTNERLIST .part-list .part-item .item-img {

    width: 100%;

}



.PARTNERLIST .part-list .part-item .item-img img {

    width: 100%;

}



@media (max-width: 1200px) {

    .PARTNERLIST .part-list .container {

        width: 100%;

        padding: 0 10px;

    }

}



@media (max-width: 750px) {

    .PARTNERLIST .part-list .part-item {

        width: 20%;

    }

}



@media (max-width: 550px) {

    .PARTNERLIST .part-list .part-item {

        width: 25%;

    }

}



@media (max-width: 400px) {

    .PARTNERLIST .part-list .part-item {

        width: 50%;

    }

}



/* 荣誉资质 */

.ABOUTHONOR {

    width: 100%;

}



.ABOUTHONOR .honor-list {

    width: 100%;

    padding: .8rem 0;

    background-color: #f8fcfc;

}



.ABOUTHONOR .honor-list .container {

    width: 16rem;

    margin: 0 auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}



.ABOUTHONOR .honor-list .honor-item {

    width: 23.5%;

    margin-right: 2%;

    margin-bottom: 2%;

    background-color: #fff;

    border-radius: .2rem;

    overflow: hidden;

    -webkit-transition: all .5s;

    transition: all .5s;

    position: relative;

}



.ABOUTHONOR .honor-list .honor-item:after {

    content: '';

    display: block;

    width: 100%;

    height: .01rem;

    background-color: transparent;

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: 3;

}



.ABOUTHONOR .honor-list .honor-item:nth-of-type(4n) {

    margin-right: 0;

}



.ABOUTHONOR .honor-list .honor-item:hover {

    -webkit-transform: translateY(-0.2rem);

    transform: translateY(-0.2rem);

}



.ABOUTHONOR .honor-list .honor-item:hover:after {

    background-color: #1e9e90;

}



.ABOUTHONOR .honor-list .honor-item .item-img {

    width: 100%;

    padding: .52rem 0;

    position: relative;

    border-bottom: .01rem solid #eeeeee;

}



.ABOUTHONOR .honor-list .honor-item .item-img .img {

    width: 60%;

    margin: 0 auto;

}



.ABOUTHONOR .honor-list .honor-item .item-img .img img {

    width: 100%;

}



.ABOUTHONOR .honor-list .honor-item .item-img .large {

    width: 0.18rem;

    height: 0.18rem;

    min-width: 18px;

    min-height: 18px;

    position: absolute;

    bottom: .2rem;

    right: .3rem;

    z-index: 3;

    cursor: pointer;

}



.ABOUTHONOR .honor-list .honor-item .item-img .large img {

    width: 100%;

    height: 100%;

}



.ABOUTHONOR .honor-list .honor-item .item-text {

    font-weight: 700;

    padding: .32rem .3rem;

    position: relative;

}



.ABOUTHONOR .honor-list .honor-item .item-text .text {

    width: 100%;

    line-height: 1.5;

}



.ABOUTHONOR .list-pages {

    background-color: #f8fcfc;

    margin: 0;

    padding: .6rem 0 1rem;

}



@media (max-width: 1200px) {

    .ABOUTHONOR .honor-list .container {

        width: 100%;

        padding: 0 10px;

    }

}



@media (max-width: 900px) {

    .ABOUTHONOR .honor-list .honor-item {

        width: 32%;

    }

    .ABOUTHONOR .honor-list .honor-item:nth-of-type(4n) {

        margin-right: 2%;

    }

    .ABOUTHONOR .honor-list .honor-item:nth-of-type(3n) {

        margin-right: 0;

    }

}



@media (max-width: 650px) {

    .ABOUTHONOR .honor-list .honor-item {

        width: 49%;

    }

    .ABOUTHONOR .honor-list .honor-item:nth-of-type(3n) {

        margin-right: 2%;

    }

    .ABOUTHONOR .honor-list .honor-item:nth-of-type(2n) {

        margin-right: 0;

    }

}



@media (max-width: 450px) {

    .ABOUTHONOR .honor-list .honor-item {

        width: 100%;

        margin-right: 0;

    }

}



/* 联系我们 */

.CONTACTUS {

    width: 100%;

}



.CONTACTUS .contact-us {

    width: 100%;

    padding: .5rem 0 1rem;

    background-color: #fff;

}



.CONTACTUS .contact-us .container {

    width: 16rem;

    margin: 0 auto;

}



.CONTACTUS .contact-us .contact-header {

    width: 100%;

    padding: .3rem 0;

    border-bottom: .01rem solid #f5f5f7;

}



.CONTACTUS .contact-us .contact-title {

    width: 100%;

    font-weight: 700;

    color: #333;

}



.CONTACTUS .contact-us .contact-main {

    width: 100%;

    padding: .5rem 0 .8rem;

}



.CONTACTUS .contact-us .contact-way {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

    margin-bottom: .5rem;

}



.CONTACTUS .contact-us .contact-way .way-info {

    width: auto;

}



.CONTACTUS .contact-us .contact-way .way-title {

    width: 100%;

    margin-bottom: .3rem;

    color: #333;

}



.CONTACTUS .contact-us .contact-way .way-pos,
.CONTACTUS .contact-us .contact-way .way-phone,
.CONTACTUS .contact-us .contact-way .way-zx {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.CONTACTUS .contact-us .contact-way .way-pos .icon,
.CONTACTUS .contact-us .contact-way .way-phone .icon,
.CONTACTUS .contact-us .contact-way .way-zx .icon {

    width: 0.18rem;

    height: 0.18rem;

    min-width: 16px;

    min-height: 16px;

    margin-right: .16rem;

}



.CONTACTUS .contact-us .contact-way .way-pos .icon img,
.CONTACTUS .contact-us .contact-way .way-phone .icon img,
.CONTACTUS .contact-us .contact-way .way-zx .icon img {

    width: 100%;

    height: 100%;

}



.CONTACTUS .contact-us .contact-way .way-pos .text,
.CONTACTUS .contact-us .contact-way .way-phone .text,
.CONTACTUS .contact-us .contact-way .way-zx .text {

    color: #333;

    line-height: 1.8;

}



.CONTACTUS .contact-us .contact-way .way-code {

    width: 1.5rem;

    height: 1.5rem;

    min-width: 100px;

    min-height: 100px;

}



.CONTACTUS .contact-us .contact-way .way-code img {

    width: 100%;

    height: 100%;

}



.CONTACTUS .contact-us .contact-map {

    width: 100%;

}



.CONTACTUS .contact-us .contact-map img {

    width: 100%;

}



.CONTACTUS .contact-us .contact-footer {

    width: 100%;

}



.CONTACTUS .contact-us .contact-msg {

    width: 100%;

}



.CONTACTUS .contact-us .contact-msg .msg-title {

    color: #333;

    width: 100%;

    margin-bottom: .3rem;

}



.CONTACTUS .contact-us .contact-msg .msg-form {

    width: 100%;

    padding: 1rem .8rem;

    background: url("../images/contact5.jpg") center center/100% 100% no-repeat;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

}



.CONTACTUS .contact-us .contact-msg .msg-form form {

    padding: .45rem .5rem;

    background-color: #fff;

}



.CONTACTUS .contact-us .contact-msg .msg-form .form-title {

    color: #222;

    width: 100%;

    margin-bottom: 0.2rem;

    font-weight: 500;

}



.CONTACTUS .contact-us .contact-msg .msg-form .form-name,
.CONTACTUS .contact-us .contact-msg .msg-form .form-phone {

    border: solid .01rem #eeeeee;

    background-color: #fff;

    padding: .17rem .2rem;

    margin-bottom: .1rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.CONTACTUS .contact-us .contact-msg .msg-form .form-name input,
.CONTACTUS .contact-us .contact-msg .msg-form .form-phone input {

    width: 80%;

    border: 0;

    background-color: transparent;

}



.CONTACTUS .contact-us .contact-msg .msg-form .form-name span,
.CONTACTUS .contact-us .contact-msg .msg-form .form-phone span {

    color: #666;

}



.CONTACTUS .contact-us .contact-msg .msg-form .form-content {

    border: solid .01rem #eeeeee;

    background-color: #fff;

    margin-bottom: .1rem;

    padding: .17rem .2rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

}



.CONTACTUS .contact-us .contact-msg .msg-form .form-content span {

    color: #666;

}



.CONTACTUS .contact-us .contact-msg .msg-form .form-content textarea {

    width: 80%;

    height: 0.8rem;

    border: none;

    background-color: transparent;

}



.CONTACTUS .contact-us .contact-msg .msg-form .form-code {

    border: solid .01rem #eeeeee;

    background-color: #fff;

    margin-bottom: .1rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding-left: .2rem;

}



.CONTACTUS .contact-us .contact-msg .msg-form .form-code span {

    padding: .17rem 0;

    color: #666;

}



.CONTACTUS .contact-us .contact-msg .msg-form .form-code input {

    padding: .17rem 0;

    border: 0;

    background-color: transparent;

}



.CONTACTUS .contact-us .contact-msg .msg-form .form-code .img {

    width: 1rem;

    min-width: 60px;

    padding: .08rem;

    border-left: solid .01rem #eeeeee;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}



.CONTACTUS .contact-us .contact-msg .msg-form .form-code .img img {

    width: 100%;

    height: 100%;

}



.CONTACTUS .contact-us .contact-msg .msg-form .form-btn {

    width: 100%;

    padding: .18rem 0;

    background-color: #1e9e90;

    color: #fff;

    border: 0;

    cursor: pointer;

}



@media (max-width: 1200px) {

    .CONTACTUS .contact-us .container {

        width: 100%;

        padding: 0 10px;

    }

}



@media (max-width: 600px) {

    .CONTACTUS .contact-us .contact-way {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    }

    .CONTACTUS .contact-us .contact-way .way-info {

        width: 100%;

    }

    .CONTACTUS .contact-us .contact-msg .msg-form {

        padding: 10px 8px;

    }

}



@media (max-width: 400px) {

    .CONTACTUS .contact-us .contact-msg .msg-form form {

        width: 100%;

        padding: 24px 12px;

    }

    .CONTACTUS .contact-us .contact-msg .msg-form .form-code span {

        width: 30%;

    }

    .CONTACTUS .contact-us .contact-msg .msg-form .form-code input {

        width: 70%;

    }

    .CONTACTUS .contact-us .contact-msg .msg-form .form-code .img {

        width: 20%;

    }

}



/* 服务保障 */

.ABOUTSERV {

    width: 100%;

}



.ABOUTSERV .serv-detail {

    width: 100%;

    padding: .8rem 0 1rem;

    background-color: #fff;

}



.ABOUTSERV .serv-detail .container {

    width: 16rem;

    margin: 0 auto;

}



.ABOUTSERV .serv-detail .serv-header {

    width: 100%;

    text-align: center;

    margin-bottom: 0.5rem;

}



.ABOUTSERV .serv-detail .serv-title-EN {

    font-family: 'AvantGardeITCbyBT-Book';

    width: 100%;

    color: #999999;

}



.ABOUTSERV .serv-detail .serv-title {

    color: #333333;

    margin: .2rem 0 0;

    width: 100%;

    font-weight: 700;

}



.ABOUTSERV .serv-detail .serv-main {

    width: 100%;

}



.ABOUTSERV .serv-detail .serv-list {

    width: 100%;

}



.ABOUTSERV .serv-detail .serv-list .serv-item {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.ABOUTSERV .serv-detail .serv-list .serv-item .item-img {

    width: 50%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

}



.ABOUTSERV .serv-detail .serv-list .serv-item .item-img img {

    width: 100%;

}



.ABOUTSERV .serv-detail .serv-list .serv-item .item-text {

    width: 50%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

}



.ABOUTSERV .serv-detail .serv-list .serv-item .item-text .text-block {

    width: 87.5%;

    margin-bottom: .4rem;

}



.ABOUTSERV .serv-detail .serv-list .serv-item .item-text .text-block .block-title {

    color: #333;

    font-weight: 700;

    line-height: 1.8;

}



.ABOUTSERV .serv-detail .serv-list .serv-item .item-text .text-block .block-guide {

    color: #333;

    line-height: 1.8;

}



.ABOUTSERV .serv-detail .serv-list .serv-item:nth-of-type(2n) .item-text {

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

}



@media (max-width: 1200px) {

    .ABOUTSERV .serv-detail .container {

        width: 100%;

        padding: 0 10px;

    }

}



@media (max-width: 900px) {

    .ABOUTSERV .serv-detail .serv-list .serv-item {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    }

    .ABOUTSERV .serv-detail .serv-list .serv-item .item-img {

        width: 100%;

    }

    .ABOUTSERV .serv-detail .serv-list .serv-item .item-text {

        width: 100%;

        -webkit-box-pack: start;

        -ms-flex-pack: start;

        justify-content: flex-start;

        -webkit-box-align: start;

        -ms-flex-align: start;

        align-items: flex-start;

        margin-top: .4rem;

    }

    .ABOUTSERV .serv-detail .serv-list .serv-item .item-text .text-block {

        width: 100%;

    }

    .ABOUTSERV .serv-detail .serv-list .serv-item:nth-of-type(2n) {

        -webkit-box-orient: vertical;

        -webkit-box-direction: reverse;

        -ms-flex-direction: column-reverse;

        flex-direction: column-reverse;

    }

}



/* 关于我们 */

.ABOUTUS {

    width: 100%;

}



/* 生产实力 */

.PRODPOWER {

    width: 100%;

}



.PRODPOWER .prod-device {

    width: 100%;

    padding: .8rem 0 1rem;

    background-color: #fff;

}



.PRODPOWER .prod-device .container {

    width: 16rem;

    margin: 0 auto;

}



.PRODPOWER .prod-device .device-title {

    width: 100%;

    position: relative;

    text-align: center;

    margin-bottom: .4rem;

}



.PRODPOWER .prod-device .device-title .num {

    font-family: 'AvantGardeITCbyBT-Demi';

    width: 100%;

    font-weight: 700;

    color: rgba(30, 158, 144, 0.1);

}



.PRODPOWER .prod-device .device-title .title {

    color: #222;

    width: 100%;

    position: absolute;

    top: 50%;

    left: 0;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    line-height: 1.5;

    z-index: 3;

}



.PRODPOWER .prod-device .device-list {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}



.PRODPOWER .prod-device .device-list .device-item {

    width: 24.25%;

    margin-right: 1%;

    margin-bottom: 1%;

    overflow: hidden;

    border-radius: .1rem;

    position: relative;

    display: block;

}



.PRODPOWER .prod-device .device-list .device-item:hover .item-layer {

    top: 0;

}



.PRODPOWER .prod-device .device-list .device-item .item-show {

    width: 100%;

}



.PRODPOWER .prod-device .device-list .device-item .item-img {

    width: 100%;

}



.PRODPOWER .prod-device .device-list .device-item .item-img img {

    width: 100%;

}



.PRODPOWER .prod-device .device-list .device-item .item-layer {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 100%;

    left: 0;

    z-index: 3;

    background-color: rgba(0, 0, 0, 0.5);

    padding: .2rem;

    -webkit-transition: top .5s;

    transition: top .5s;

}



.PRODPOWER .prod-device .device-list .device-item .item-guide {

    width: 100%;

    height: 100%;

    overflow-y: scroll;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}



.PRODPOWER .prod-device .device-list .device-item .item-guide p {

    color: #fff;

    line-height: 1.8;

}



.PRODPOWER .prod-device .device-list .device-item .item-guide::-webkit-scrollbar {

    width: 0.03rem;

}



.PRODPOWER .prod-device .device-list .device-item .item-guide::-webkit-scrollbar-track {

    border-radius: .1rem;

    background-color: rgba(0, 0, 0, 0.1);

}



.PRODPOWER .prod-device .device-list .device-item .item-guide::-webkit-scrollbar-thumb {

    border-radius: .1rem;

    -webkit-box-shadow: inset 0 0 0.06rem rgba(0, 0, 0, 0.3);

    background-color: #1e9e90;

}



.PRODPOWER .prod-device .device-list .device-item:nth-of-type(4n) {

    margin-right: 0;

}



.PRODPOWER .prod-device .device-list .device-item img {

    width: 100%;

    -webkit-transition: -webkit-transform .5s;

    transition: -webkit-transform .5s;

    transition: transform .5s;

    transition: transform .5s, -webkit-transform .5s;

}



@media (max-width: 1200px) {

    .PRODPOWER .prod-device .container {

        width: 100%;

        padding: 0 10px;

    }

}



@media (max-width: 650px) {

    .PRODPOWER .prod-device .device-list .device-item {

        width: 49%;

        margin-bottom: 2%;

        margin-right: 2%;

    }

    .PRODPOWER .prod-device .device-list .device-item:nth-of-type(4n) {

        margin-right: 2%;

    }

    .PRODPOWER .prod-device .device-list .device-item:nth-of-type(2n) {

        margin-right: 0;

    }

}



.PRODPOWER .prod-team {

    width: 100%;

    padding: .8rem 0;

    background: url("../images/power9.png") center center/100% 100% no-repeat;

}



.PRODPOWER .prod-team .container {

    width: 16rem;

    margin: 0 auto;

}



.PRODPOWER .prod-team .team-title {

    width: 100%;

    position: relative;

    text-align: center;

    margin-bottom: .4rem;

}



.PRODPOWER .prod-team .team-title .num {

    font-family: 'AvantGardeITCbyBT-Demi';

    width: 100%;

    font-weight: 700;

    color: rgba(30, 158, 144, 0.1);

}



.PRODPOWER .prod-team .team-title .title {

    color: #222;

    width: 100%;

    position: absolute;

    top: 50%;

    left: 0;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    z-index: 3;

    line-height: 1.5;

}



.PRODPOWER .prod-team .team-list {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.PRODPOWER .prod-team .team-list .team-gt {

    width: 49.5%;

    margin-right: 1%;

}



.PRODPOWER .prod-team .team-list .team-gt .team-item {

    width: 100%;

    overflow: hidden;

    border-radius: .1rem;

}



.PRODPOWER .prod-team .team-list .team-gt .team-item img {

    width: 100%;

}



.PRODPOWER .prod-team .team-list .team-lt {

    width: 49.5%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}



.PRODPOWER .prod-team .team-list .team-lt .team-item {

    width: 49%;

    margin-right: 2%;

    margin-bottom: 2%;

    overflow: hidden;

    border-radius: .1rem;

}



.PRODPOWER .prod-team .team-list .team-lt .team-item img {

    width: 100%;

}



.PRODPOWER .prod-team .team-list .team-lt .team-item:nth-of-type(2n) {

    margin-right: 0;

}



@media (max-width: 1200px) {

    .PRODPOWER .prod-team .container {

        width: 100%;

        padding: 0 10px;

    }

}



@media (max-width: 650px) {

    .PRODPOWER .prod-team .team-list {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    }

    .PRODPOWER .prod-team .team-list .team-gt {

        width: 100%;

        margin-right: 0;

        margin-bottom: 2%;

    }

    .PRODPOWER .prod-team .team-list .team-lt {

        width: 100%;

    }

}



.PRODPOWER .prod-person {

    width: 100%;

    padding: 1rem 0;

    background: url("../images/power15.jpg") center center/100% 100% no-repeat;

    position: relative;

}



.PRODPOWER .prod-person .container {

    width: 16rem;

    margin: 0 auto;

}



.PRODPOWER .prod-person .person-title {

    width: 100%;

    position: relative;

    text-align: center;

}



.PRODPOWER .prod-person .person-title .num {

    font-family: 'AvantGardeITCbyBT-Demi';

    width: 100%;

    font-weight: 700;

    color: rgba(255, 255, 255, 0.1);

}



.PRODPOWER .prod-person .person-title .title {

    color: #fff;

    width: 100%;

    position: absolute;

    top: 50%;

    left: 0;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    z-index: 3;

    line-height: 1.5;

}



.PRODPOWER .prod-person .person-guide {

    width: 100%;

    text-align: center;

    color: #fff;

    line-height: 1.5;

}



.PRODPOWER .prod-person .person-layout {

    width: 100%;

    padding: 1.4rem 0 .8rem;

}



.PRODPOWER .prod-person .person-layout .center {

    position: absolute;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    bottom: .3rem;

    width: 7.5rem;

    height: 7.5rem;

    z-index: 2;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    background: url("../images/power16.png") center center/100% 100% no-repeat;

}



.PRODPOWER .prod-person .person-layout .center-text {

    width: 40%;

    height: 40%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    text-align: center;

}



.PRODPOWER .prod-person .person-layout .center-text .title {

    color: #1e9e90;

    width: 100%;

    line-height: 1.3;

    font-weight: 700;

}



.PRODPOWER .prod-person .person-layout .center-text .guide {

    color: #1e9e90;

    width: 100%;

    line-height: 2;

}



.PRODPOWER .prod-person .person-layout .sides {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    position: relative;

    z-index: 3;

}



.PRODPOWER .prod-person .person-layout .side-left {

    width: 50%;

}



.PRODPOWER .prod-person .person-layout .side-left .sl-title {

    width: 62.5%;

    margin-bottom: .42rem;

    color: #fff;

    line-height: 1.3;

}



.PRODPOWER .prod-person .person-layout .side-left .sl-list {

    width: 60%;

}



.PRODPOWER .prod-person .person-layout .side-left .sl-item {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background-color: #fff;

    margin-bottom: .3rem;

    -webkit-box-shadow: 0 0 0.3rem 0 rgba(30, 158, 144, 0.1);

    box-shadow: 0 0 0.3rem 0 rgba(30, 158, 144, 0.1);

    border-radius: .55rem;

    padding: .25rem .4rem;

    -webkit-transition: background-color .5s;

    transition: background-color .5s;

}



.PRODPOWER .prod-person .person-layout .side-left .sl-item:hover {

    background-color: #1e9e90;

}



.PRODPOWER .prod-person .person-layout .side-left .sl-item:hover .item-title {

    color: #fff;

}



.PRODPOWER .prod-person .person-layout .side-left .sl-item:hover .item-num {

    color: #fff;

    opacity: 1;

}



.PRODPOWER .prod-person .person-layout .side-left .sl-item:hover .item-guide {

    color: #fff;

}



.PRODPOWER .prod-person .person-layout .side-left .sl-item:last-of-type {

    margin-bottom: 0;

}



.PRODPOWER .prod-person .person-layout .side-left .sl-item .item-info {

    width: 89%;

}



.PRODPOWER .prod-person .person-layout .side-left .sl-item .item-title {

    color: #1e9e90;

    margin-bottom: 0.15rem;

    -webkit-transition: color .5s;

    transition: color .5s;

}



.PRODPOWER .prod-person .person-layout .side-left .sl-item .item-guide {

    color: #666;

    line-height: 1.8;

    -webkit-transition: color .5s;

    transition: color .5s;

}



.PRODPOWER .prod-person .person-layout .side-left .sl-item .item-num {

    width: 10%;

    color: #1e9e90;

    opacity: 0.5;

    -webkit-transition: all .5s;

    transition: all .5s;

}



.PRODPOWER .prod-person .person-layout .side-right {

    width: 50%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

}



.PRODPOWER .prod-person .person-layout .side-right .sr-title {

    width: 62.5%;

    margin-bottom: .42rem;

    color: #fff;

    line-height: 1.3;

    text-align: right;

}



.PRODPOWER .prod-person .person-layout .side-right .sr-list {

    width: 60%;

}



.PRODPOWER .prod-person .person-layout .side-right .sr-item {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    background-color: #fff;

    margin-bottom: .3rem;

    -webkit-box-shadow: 0 0 0.3rem 0 rgba(30, 158, 144, 0.1);

    box-shadow: 0 0 0.3rem 0 rgba(30, 158, 144, 0.1);

    border-radius: .55rem;

    padding: .25rem .4rem;

    -webkit-transition: background-color .5s;

    transition: background-color .5s;

}



.PRODPOWER .prod-person .person-layout .side-right .sr-item:hover {

    background-color: #1e9e90;

}



.PRODPOWER .prod-person .person-layout .side-right .sr-item:hover .item-title {

    color: #fff;

}



.PRODPOWER .prod-person .person-layout .side-right .sr-item:hover .item-num {

    color: #fff;

    opacity: 1;

}



.PRODPOWER .prod-person .person-layout .side-right .sr-item:last-of-type {

    margin-bottom: 0;

}



.PRODPOWER .prod-person .person-layout .side-right .sr-item .item-title {

    width: 89%;

    color: #1e9e90;

    line-height: 1.8;

    -webkit-transition: color .5s;

    transition: color .5s;

}



.PRODPOWER .prod-person .person-layout .side-right .sr-item .item-num {

    width: 10%;

    color: #1e9e90;

    opacity: 0.5;

    -webkit-transition: all .5s;

    transition: all .5s;

}



@media (max-width: 1200px) {

    .PRODPOWER .prod-person .container {

        width: 100%;

        padding: 0 10px;

    }

}



@media (max-width: 900px) {

    .PRODPOWER .prod-person .person-layout {

        padding: .4rem 0;

    }

    .PRODPOWER .prod-person .person-layout .center {

        position: relative;

        bottom: auto;

        -webkit-transform: none;

        transform: none;

        left: auto;

        margin: 0 auto;

        height: 0;

        width: 60%;

        padding-bottom: 60%;

    }

    .PRODPOWER .prod-person .person-layout .center-text {

        position: absolute;

        left: 50%;

        top: 50%;

        -webkit-transform: translate(-50%, -50%);

        transform: translate(-50%, -50%);

        z-index: 2;

    }

    .PRODPOWER .prod-person .person-layout .sides {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    }

    .PRODPOWER .prod-person .person-layout .sides .side-left {

        margin-bottom: 0.4rem;

        width: 100%;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

    }

    .PRODPOWER .prod-person .person-layout .sides .side-left .sl-title {

        width: 100%;

        text-align: center;

    }

    .PRODPOWER .prod-person .person-layout .sides .side-right {

        margin-bottom: 0.4rem;

        width: 100%;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

    }

    .PRODPOWER .prod-person .person-layout .sides .side-right .sr-title {

        width: 100%;

        text-align: center;

    }

}



@media (max-width: 750px) {

    .PRODPOWER .prod-person .person-layout .side-left .sl-list {

        width: 80%;

    }

    .PRODPOWER .prod-person .person-layout .side-right .sr-list {

        width: 80%;

    }

}



@media (max-width: 600px) {

    .PRODPOWER .prod-person .person-layout .center {

        width: 100%;

        padding-bottom: 100%;

    }

    .PRODPOWER .prod-person .person-layout .side-left .sl-list {

        width: 100%;

    }

    .PRODPOWER .prod-person .person-layout .side-right .sr-list {

        width: 100%;

    }

}



.PRODPOWER .prod-flow {

    width: 100%;

    padding: .8rem 0;

    background-color: #fff;

}



.PRODPOWER .prod-flow .container {

    width: 16rem;

    margin: 0 auto;

}



.PRODPOWER .prod-flow .flow-title {

    width: 100%;

    position: relative;

    text-align: center;

    margin-bottom: .4rem;

}



.PRODPOWER .prod-flow .flow-title .num {

    font-family: 'AvantGardeITCbyBT-Demi';

    width: 100%;

    font-weight: 700;

    color: rgba(30, 158, 144, 0.1);

}



.PRODPOWER .prod-flow .flow-title .title {

    color: #222;

    width: 100%;

    position: absolute;

    top: 50%;

    left: 0;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    z-index: 3;

    line-height: 1.5;

}



.PRODPOWER .prod-flow .flow-list {

    width: 100%;

}



.PRODPOWER .prod-flow .flow-list .flow-item {

    width: 100%;

    margin: .5rem 0;

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.PRODPOWER .prod-flow .flow-list .flow-item:nth-of-type(2n) {

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

}



.PRODPOWER .prod-flow .flow-list .flow-item:nth-of-type(2n) .item-text {

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

}



.PRODPOWER .prod-flow .flow-list .flow-item:nth-of-type(2n) .item-img {

    left: auto;

    right: .6rem;

}



.PRODPOWER .prod-flow .flow-list .flow-item .item-img {

    width: 4.6rem;

    position: relative;

    z-index: 3;

    left: .6rem;

}



.PRODPOWER .prod-flow .flow-list .flow-item .item-img img {

    width: 100%;

}



.PRODPOWER .prod-flow .flow-list .flow-item .item-text {

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    left: 0;

    z-index: 2;

    width: 100%;

    background-color: rgba(224, 245, 243, 0.5);

    border-radius: 30px;

    padding: .72rem .6rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

}



.PRODPOWER .prod-flow .flow-list .flow-item .item-info {

    width: 9.6rem;

}



.PRODPOWER .prod-flow .flow-list .flow-item .item-title {

    width: 100%;

    color: #222;

    line-height: 1.5;

    margin-bottom: 0.3rem;

}



.PRODPOWER .prod-flow .flow-list .flow-item .item-guide {

    width: 100%;

}



.PRODPOWER .prod-flow .flow-list .flow-item .item-guide p {

    line-height: 1.8;

    color: #666;

}



@media (max-width: 1200px) {

    .PRODPOWER .prod-flow .container {

        width: 100%;

        padding: 0 10px;

    }

    .PRODPOWER .prod-flow .flow-list .flow-item {

        background-color: rgba(224, 245, 243, 0.5);

        padding: .72rem .6rem;

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: space-between;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

    }

    .PRODPOWER .prod-flow .flow-list .flow-item .item-img {

        position: static;

        left: auto;

        z-index: auto;

        width: 32%;

    }

    .PRODPOWER .prod-flow .flow-list .flow-item .item-text {

        width: 64%;

        background-color: transparent;

        padding: 0;

        position: static;

        top: auto;

        -webkit-transform: none;

        transform: none;

        left: auto;

        z-index: auto;

    }

    .PRODPOWER .prod-flow .flow-list .flow-item .item-info {

        width: 100%;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

    }

    .PRODPOWER .prod-flow .flow-list .flow-item:nth-of-type(2n) {

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: space-between;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

    }

}



@media (max-width: 750px) {

    .PRODPOWER .prod-flow .flow-list .flow-item {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    }

    .PRODPOWER .prod-flow .flow-list .flow-item .item-img {

        width: 100%;

        margin-bottom: .3rem;

    }

    .PRODPOWER .prod-flow .flow-list .flow-item .item-text {

        width: 100%;

    }

}



/* 关于我们 */

.ABOUTUS {

    width: 100%;

}



.ABOUTUS .about-intro {

    width: 100%;

    background-color: #fff;

}



.ABOUTUS .about-intro .intro-header {

    width: 100%;

    padding: .8rem 0;

}



.ABOUTUS .about-intro .intro-header .container {

    width: 16rem;

    margin: 0 auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.ABOUTUS .about-intro .intro-text {

    width: 46%;

}



.ABOUTUS .about-intro .intro-title {

    width: 100%;

    color: #1e9e90;

}



.ABOUTUS .about-intro .intro-title p {

    line-height: 1.4;

}



.ABOUTUS .about-intro .intro-title .bold {

    font-weight: 700;

}



.ABOUTUS .about-intro .intro-guide {

    width: 100%;

    margin: .48rem 0;

}



.ABOUTUS .about-intro .intro-guide p {

    line-height: 2;

    color: #666;

}



.ABOUTUS .about-intro .intro-trait {

    width: 100%;

}



.ABOUTUS .about-intro .intro-trait p {

    color: #1e9e90;

    line-height: 1.75;

}



.ABOUTUS .about-intro .intro-trait p:before {

    content: '';

    display: inline-block;

    width: 0.07rem;

    height: 0.07rem;

    background-color: #1e9e90;

    vertical-align: middle;

    margin-right: 0.1rem;

}



.ABOUTUS .about-intro .intro-video {

    width: 50%;

    position: relative;

    cursor: pointer;

}



.ABOUTUS .about-intro .intro-video .video-face {

    width: 100%;

    border-radius: .3rem;

    overflow: hidden;

}



.ABOUTUS .about-intro .intro-video .video-face img {

    width: 100%;

    height: 100%;

}



.ABOUTUS .about-intro .intro-video .video-play {

    width: 0.8rem;

    height: 0.8rem;

    position: absolute;

    left: 50%;

    top: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}



.ABOUTUS .about-intro .intro-video .video-play img {

    width: 100%;

    height: 100%;

}



.ABOUTUS .about-intro .intro-main {

    width: 100%;

    padding: .6rem 0 .8rem;

    border-top: .01rem solid #eee;

}



.ABOUTUS .about-intro .intro-main .container {

    width: 16rem;

    margin: 0 auto;

}



.ABOUTUS .about-intro .intro-data {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}



.ABOUTUS .about-intro .intro-data .intro-datum {

    width: auto;

}



.ABOUTUS .about-intro .intro-data .intro-datum .datum-title {

    font-weight: 700;

    color: #1e9e90;

    line-height: 1.2;

    width: 100%;

}



.ABOUTUS .about-intro .intro-data .intro-datum .datum-guide {

    color: #999;

    line-height: 2;

    width: 100%;

}



@media (max-width: 1200px) {

    .ABOUTUS .about-intro .intro-header .container,
    .ABOUTUS .about-intro .intro-main .container {

        width: 100%;

        padding: 0 10px;

    }

}



@media (max-width: 900px) {

    .ABOUTUS .about-intro .intro-header .container {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        -webkit-box-orient: vertical;

        -webkit-box-direction: reverse;

        -ms-flex-direction: column-reverse;

        flex-direction: column-reverse;

        -webkit-box-align: start;

        -ms-flex-align: start;

        align-items: flex-start;

    }

    .ABOUTUS .about-intro .intro-text {

        width: 100%;

    }

    .ABOUTUS .about-intro .intro-video {

        width: 10rem;

        margin-bottom: 0.3rem;

    }

    .ABOUTUS .about-intro .intro-data {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    }

    .ABOUTUS .about-intro .intro-data .intro-datum {

        width: 100%;

        margin-bottom: 0.2rem;

    }

}



@media (max-width: 550px) {

    .ABOUTUS .about-intro .intro-video {

        width: 100%;

    }

}



.ABOUTUS .about-pictures {

    width: 100%;

}



.ABOUTUS .about-pictures .about-picture {

    width: 100%;

    padding: .8rem 0 1rem;

    background: url("../images/about1.jpg") center center/100% 100% no-repeat;

}



.ABOUTUS .about-pictures .about-picture:nth-of-type(2n) {

    background: #fff;

}



.ABOUTUS .about-pictures .about-picture:nth-of-type(2n) .pic-title-EN {

    color: #999999;

}



.ABOUTUS .about-pictures .about-picture:nth-of-type(2n) .pic-title {

    color: #333;

}



.ABOUTUS .about-pictures .about-picture .container {

    width: 16rem;

    margin: 0 auto;

}



.ABOUTUS .about-pictures .about-picture .pic-title-EN {

    width: 100%;

    color: #fff;

    font-family: 'AvantGardeITCbyBT-Book';

}



.ABOUTUS .about-pictures .about-picture .pic-title {

    width: 100%;

    color: #fff;

    margin: .3rem 0 .4rem;

    font-family: 'SourceHanSansCN-Medium';

}



.ABOUTUS .about-pictures .about-picture .pic-img {

    width: 100%;

    overflow: hidden;

    border-radius: .3rem;

}



.ABOUTUS .about-pictures .about-picture .pic-img:hover img {

    -webkit-transform: scale(1.2);

    transform: scale(1.2);

}



.ABOUTUS .about-pictures .about-picture .pic-img img {

    width: 100%;

    -webkit-transition: -webkit-transform .5s;

    transition: -webkit-transform .5s;

    transition: transform .5s;

    transition: transform .5s, -webkit-transform .5s;

}



@media (max-width: 1200px) {

    .ABOUTUS .about-pictures .about-picture .container {

        width: 100%;

        padding: 0 10px;

    }

}



.ABOUTUS .about-culture {

    width: 100%;

    padding: .8rem 0 1rem;

    background: url("../images/about4.jpg") center center/100% 100% no-repeat;

}



.ABOUTUS .about-culture .container {

    width: 16rem;

    margin: 0 auto;

}



.ABOUTUS .about-culture .cul-title-EN {

    width: 100%;

    color: #fff;

    font-family: 'AvantGardeITCbyBT-Book';

}



.ABOUTUS .about-culture .cul-title {

    width: 100%;

    color: #fff;

    margin: .3rem 0 .4rem;

    font-family: 'SourceHanSansCN-Medium';

}



.ABOUTUS .about-culture .cul-swiper {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.ABOUTUS .about-culture .cul-swiper .cul-item {

    width: 1.5rem;

    overflow: hidden;

    position: relative;

    border-radius: .05rem;

    margin-right: .02rem;

    cursor: pointer;

    display: block;

    -webkit-transition: width .8s;

    transition: width .8s;

}



.ABOUTUS .about-culture .cul-swiper .cul-item:last-of-type {

    margin-right: 0;

}



.ABOUTUS .about-culture .cul-swiper .cul-item .item-img {

    width: 100%;

    height: 5.8rem;

}



.ABOUTUS .about-culture .cul-swiper .cul-item .item-text {

    width: 100%;

    position: absolute;

    height: 100%;

    left: 0;

    bottom: 0;

    z-index: 3;

    background: url("../images/about-shadow2.png") center center/100% 100% no-repeat;

    -webkit-transition: all .8s;

    transition: all .8s;

}



.ABOUTUS .about-culture .cul-swiper .cul-item .item-title {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.ABOUTUS .about-culture .cul-swiper .cul-item .item-title .text {

    -webkit-writing-mode: vertical-lr;

    -ms-writing-mode: tb-lr;

    writing-mode: vertical-lr;

    color: #fff;

    letter-spacing: .05rem;

    -webkit-transition: all .8s;

    transition: all .8s;

}



.ABOUTUS .about-culture .cul-swiper .cul-item .item-title:before {

    content: '';

    width: .01rem;

    height: 1rem;

    background-color: rgba(255, 255, 255, 0.4);

    display: block;

    margin-bottom: .32rem;

}



.ABOUTUS .about-culture .cul-swiper .cul-item .item-guide {

    color: #fff;

    width: 0;

    opacity: 0;

    line-height: 2;

    overflow: hidden;

    -webkit-transition: all .8s;

    transition: all .8s;

}



.ABOUTUS .about-culture .cul-swiper .culItemIs {

    width: 6.88rem;

}



.ABOUTUS .about-culture .cul-swiper .culItemIs .item-text {

    height: auto;

    background: url("../images/about-shadow1.png") center center/100% 100% no-repeat;

    padding: .5rem;

}



.ABOUTUS .about-culture .cul-swiper .culItemIs .item-guide {

    width: 100%;

    opacity: 1;

}



.ABOUTUS .about-culture .cul-swiper .culItemIs .item-title .text {

    line-height: 1.5;

    width: 100%;

    -webkit-writing-mode: horizontal-tb;

    -ms-writing-mode: lr-tb;

    writing-mode: horizontal-tb;

    letter-spacing: 0;

}



.ABOUTUS .about-culture .cul-swiper .culItemIs .item-title:before {

    display: none;

}



@media (max-width: 1200px) {

    .ABOUTUS .about-culture .container {

        width: 100%;

        padding: 0 10px;

    }

    .ABOUTUS .about-culture .cul-swiper .cul-item {

        width: 10%;

    }

    .ABOUTUS .about-culture .cul-swiper .culItemIs {

        width: 40%;

    }

    .ABOUTUS .about-culture .cul-swiper .culItemIs .item-img {

        background-size: 100% 100% !important;

    }

}



@media (max-width: 650px) {

    .ABOUTUS .about-culture .cul-swiper {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

    }

    .ABOUTUS .about-culture .cul-swiper .cul-item {

        width: 100%;

        height: 1rem;

    }

    .ABOUTUS .about-culture .cul-swiper .cul-item .item-img {

        height: 100%;

        background-size: 100% auto !important;

    }

    .ABOUTUS .about-culture .cul-swiper .cul-item .item-title {

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

        -ms-flex-direction: row;

        flex-direction: row;

        height: 100%;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        -webkit-box-pack: start;

        -ms-flex-pack: start;

        justify-content: flex-start;

    }

    .ABOUTUS .about-culture .cul-swiper .cul-item .item-title .text {

        -webkit-writing-mode: horizontal-tb;

        -ms-writing-mode: lr-tb;

        writing-mode: horizontal-tb;

    }

    .ABOUTUS .about-culture .cul-swiper .cul-item .item-title:before {

        width: 1rem;

        height: .01rem;

        margin-bottom: 0;

        margin-right: .32rem;

    }

    .ABOUTUS .about-culture .cul-swiper .culItemIs {

        height: 5.8rem;

    }

    .ABOUTUS .about-culture .cul-swiper .culItemIs .item-img {

        background-size: 100% 100% !important;

    }

}



.ABOUTUS .about-power {

    width: 100%;

    padding: 1rem 0 1.8rem;

    background-color: #fff;

}



.ABOUTUS .about-power .container {

    width: 16rem;

    margin: 0 auto;

}



.ABOUTUS .about-power .power-header {

    width: 100%;

}



.ABOUTUS .about-power .power-title-EN {

    width: 100%;

    color: #999;

    font-family: 'AvantGardeITCbyBT-Book';

}



.ABOUTUS .about-power .power-title {

    width: 100%;

    color: #333;

    margin: .3rem 0 0;

    font-family: 'SourceHanSansCN-Medium';

}



.ABOUTUS .about-power .power-main {

    width: 100%;

    padding: .5rem 0 .6rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    border-bottom: .01rem solid #eee;

}



.ABOUTUS .about-power .power-img {

    width: 50%;

    overflow: hidden;

    border-radius: .3rem;

}



.ABOUTUS .about-power .power-img img {

    width: 100%;

}



.ABOUTUS .about-power .power-text {

    width: 45.5%;

}



.ABOUTUS .about-power .power-text .text-title {

    color: #222;

    width: 100%;

}



.ABOUTUS .about-power .power-text .text-guide {

    width: 100%;

    margin: .5rem 0 .2rem;

}



.ABOUTUS .about-power .power-text .text-guide p {

    line-height: 2;

    color: #666;

}



.ABOUTUS .about-power .power-text .text-data {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}



.ABOUTUS .about-power .power-text .text-data .text-datum {

    width: 33.3%;

}



.ABOUTUS .about-power .power-text .text-data .text-datum .datum-title {

    width: 100%;

    color: #1e9e90;

    font-weight: 700;

    line-height: 1.4;

}



.ABOUTUS .about-power .power-text .text-data .text-datum .datum-guide {

    width: 100%;

    color: #999;

    line-height: 1.2;

    word-wrap: break-word;

}



.ABOUTUS .about-power .power-footer {

    width: 100%;

}



.ABOUTUS .about-power .power-swiper {

    width: 100%;

}



.ABOUTUS .about-power .power-swiper .swiper-header {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    padding: .3rem 0;

}



.ABOUTUS .about-power .power-swiper .swiper-title {

    color: #222;

}



.ABOUTUS .about-power .power-swiper .swiper-btns {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.ABOUTUS .about-power .power-swiper .swiper-button-prev,
.ABOUTUS .about-power .power-swiper .swiper-button-next {

    width: 0.12rem;

    height: 0.22rem;

    min-width: 10px;

    min-height: 16px;

}



.ABOUTUS .about-power .power-swiper .swiper-button-prev .disable,
.ABOUTUS .about-power .power-swiper .swiper-button-next .disable {

    display: none;

}



.ABOUTUS .about-power .power-swiper .swiper-button-prev .able,
.ABOUTUS .about-power .power-swiper .swiper-button-next .able {

    display: block;

}



.ABOUTUS .about-power .power-swiper .swiper-button-disabled .disable {

    display: block;

}



.ABOUTUS .about-power .power-swiper .swiper-button-disabled .able {

    display: none;

}



.ABOUTUS .about-power .power-swiper .swiper-button-prev {

    margin-right: .5rem;

}



.ABOUTUS .about-power .power-swiper .swiper-main {

    width: 100%;

}



.ABOUTUS .about-power .power-swiper .swiper-main .swiper-slide img {

    width: 100%;

}



@media (max-width: 1400px) {

    .ABOUTUS .about-power .power-img {

        width: 48%;

    }

    .ABOUTUS .about-power .power-text {

        width: 50%;

    }

}



@media (max-width: 1200px) {

    .ABOUTUS .about-power .container {

        width: 100%;

        padding: 0 10px;

    }

    .ABOUTUS .about-power .power-main {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    }

    .ABOUTUS .about-power .power-img {

        width: 10rem;

        margin-bottom: .3rem;

    }

    .ABOUTUS .about-power .power-text {

        width: 100%;

    }

}



@media (max-width: 550px) {

    .ABOUTUS .about-power .power-img {

        width: 100%;

    }

    .ABOUTUS .about-power .power-text .text-data {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    }

    .ABOUTUS .about-power .power-text .text-data .text-datum {

        width: 100%;

        margin-bottom: 0.3rem;

    }

}



/* 研发技术 */

.PRODSKILL {

    width: 100%;

}



.PRODSKILL .skill-base {

    width: 100%;

    padding: 1rem 0;

}



.PRODSKILL .skill-base .container {

    width: 16rem;

    margin: 0 auto;

}



.PRODSKILL .skill-base .base-item {

    width: 100%;

    background-color: #f8fcfc;

    border-radius: .3rem;

    overflow: hidden;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.PRODSKILL .skill-base .base-item:hover .base-img img {

    -webkit-transform: scale(1.2);

    transform: scale(1.2);

}



.PRODSKILL .skill-base .base-img {

    width: 50%;

    overflow: hidden;

}



.PRODSKILL .skill-base .base-img img {

    width: 100%;

    -webkit-transition: -webkit-transform .5s;

    transition: -webkit-transform .5s;

    transition: transform .5s;

    transition: transform .5s, -webkit-transform .5s;

}



.PRODSKILL .skill-base .base-text {

    width: 50%;

    padding: 0 .4rem 0 .8rem;

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.PRODSKILL .skill-base .base-info {

    width: 100%;

    position: relative;

    z-index: 3;

}



.PRODSKILL .skill-base .base-title {

    width: 100%;

    margin-bottom: 0.5rem;

}



.PRODSKILL .skill-base .base-title .bold {

    font-weight: 700;

    color: #333;

    line-height: 1.4;

}



.PRODSKILL .skill-base .base-title .color666 {

    color: #666;

    line-height: 1.5;

}



.PRODSKILL .skill-base .base-guide {

    width: 100%;

}



.PRODSKILL .skill-base .base-guide p {

    line-height: 1.8;

    color: #666;

}



.PRODSKILL .skill-base .base-num {

    color: #1e9e90;

    opacity: .1;

    position: absolute;

    right: .6rem;

    top: .72rem;

    font-weight: 700;

    z-index: 2;

}



@media (max-width: 1200px) {

    .PRODSKILL .skill-base .container {

        width: 100%;

        padding: 0 10px;

    }

}



@media (max-width: 900px) {

    .PRODSKILL .skill-base .base-item {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    }

    .PRODSKILL .skill-base .base-img {

        width: 100%;

    }

    .PRODSKILL .skill-base .base-text {

        width: 100%;

        padding: .4rem;

    }

}



.PRODSKILL .skill-team {

    width: 100%;

    padding-bottom: 1rem;

}



.PRODSKILL .skill-team .team-title {

    width: 100%;

    position: relative;

    text-align: center;

    margin-bottom: .4rem;

}



.PRODSKILL .skill-team .team-title .num {

    font-family: 'AvantGardeITCbyBT-Demi';

    width: 100%;

    font-weight: 700;

    color: rgba(30, 158, 144, 0.1);

}



.PRODSKILL .skill-team .team-title .title {

    color: #222;

    width: 100%;

    position: absolute;

    top: 50%;

    left: 0;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    z-index: 3;

    line-height: 1.5;

}



.PRODSKILL .skill-team .team-list {

    width: 100%;

    margin-bottom: .8rem;

}



.PRODSKILL .skill-team .team-list .team-item {

    width: 17.6rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    border-radius: 0 .3rem .3rem 0;

    overflow: hidden;

}



.PRODSKILL .skill-team .team-list .team-item .item-text {

    width: 11.6rem;

    padding-left: 1.6rem;

    padding-right: 2rem;

    background-color: #f8fcfc;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

}



.PRODSKILL .skill-team .team-list .team-item .item-title {

    color: #333;

    width: 100%;

    line-height: 1.3;

    margin-bottom: 0.32rem;

}



.PRODSKILL .skill-team .team-list .team-item .item-guide {

    width: 100%;

}



.PRODSKILL .skill-team .team-list .team-item .item-guide p {

    line-height: 1.8;

    color: #666;

}



.PRODSKILL .skill-team .team-list .team-item .item-btns {

    width: 100%;

    margin: .4rem 0;

}



.PRODSKILL .skill-team .team-list .team-item .item-btns .item-btn {

    display: inline-block;

    background-color: #fff;

    text-align: center;

    width: 1.8rem;

    margin-right: 0.1rem;

    padding: .15rem 0;

    border-radius: .1rem;

    -webkit-box-shadow: 0 0.1rem 0.3rem 0 rgba(30, 158, 144, 0.2);

    box-shadow: 0 0.1rem 0.3rem 0 rgba(30, 158, 144, 0.2);

    color: #1e9e90;

    cursor: pointer;

    -webkit-transition: all .5s;

    transition: all .5s;

}



.PRODSKILL .skill-team .team-list .team-item .item-btns .item-btn:hover {

    color: #fff;

    background-color: #1e9e90;

}



.PRODSKILL .skill-team .team-list .team-item .item-btns .itemBtnIs {

    color: #fff;

    background-color: #1e9e90;

}



.PRODSKILL .skill-team .team-list .team-item .item-intro {

    width: 100%;

}



.PRODSKILL .skill-team .team-list .team-item .item-intro .intro {

    width: 100%;

    display: none;

}



.PRODSKILL .skill-team .team-list .team-item .item-intro .intro p {

    line-height: 1.8;

    color: #666;

}



.PRODSKILL .skill-team .team-list .team-item .item-intro .intro-show {

    display: block;

}



.PRODSKILL .skill-team .team-list .team-item .item-img {

    width: 6rem;

}



.PRODSKILL .skill-team .team-list .team-item .item-img img {

    width: 100%;

}



@media (max-width: 1200px) {

    .PRODSKILL .skill-team .team-list {

        padding: 0 10px;

    }

    .PRODSKILL .skill-team .team-list .team-item {

        width: 100%;

        border-radius: .3rem;

    }

    .PRODSKILL .skill-team .team-list .team-item .item-img {

        width: 37.5%;

    }

    .PRODSKILL .skill-team .team-list .team-item .item-text {

        width: 62.5%;

        padding: .4rem;

    }

    .PRODSKILL .skill-team .team-list .team-item .item-btns {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: space-between;

    }

    .PRODSKILL .skill-team .team-list .team-item .item-btns .item-btn {

        width: 23%;

        margin-right: 0;

    }

}



@media (max-width: 1200px) {

    .PRODSKILL .skill-team .team-list .team-item {

        width: 80%;

        margin: 0 auto;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        -webkit-box-orient: vertical;

        -webkit-box-direction: reverse;

        -ms-flex-direction: column-reverse;

        flex-direction: column-reverse;

    }

    .PRODSKILL .skill-team .team-list .team-item .item-img {

        width: 100%;

    }

    .PRODSKILL .skill-team .team-list .team-item .item-text {

        width: 100%;

    }

}



@media (max-width: 650px) {

    .PRODSKILL .skill-team .team-list .team-item .item-btns {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    }

    .PRODSKILL .skill-team .team-list .team-item .item-btns .item-btn {

        width: 49%;

        display: block;

        margin-bottom: 2%;

    }

}



@media (max-width: 400px) {

    .PRODSKILL .skill-team .team-list .team-item .item-btns .item-btn {

        width: 100%;

    }

}



.PRODSKILL .skill-team .team-intro {

    width: 100%;

}



.PRODSKILL .skill-team .team-intro .container {

    width: 16rem;

    margin: 0 auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.PRODSKILL .skill-team .team-intro .intro-img {

    width: 50%;

    border-radius: .3rem;

    overflow: hidden;

}



.PRODSKILL .skill-team .team-intro .intro-img img {

    width: 100%;

}



.PRODSKILL .skill-team .team-intro .intro-text {

    padding: .6rem 0;

    width: 50%;

    padding-left: 6.25%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.PRODSKILL .skill-team .team-intro .intro-post {

    width: 75%;

}



.PRODSKILL .skill-team .team-intro .intro-post .post-list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    width: 100%;

    position: relative;

    height: 100%;

}



.PRODSKILL .skill-team .team-intro .intro-post .post-list:before {

    content: '';

    display: block;

    width: 0.02rem;

    border-left: dashed .02rem #1e9e90;

    opacity: 0.2;

    position: absolute;

    left: .11rem;

    top: 0;

    z-index: 2;

    height: 100%;

}



.PRODSKILL .skill-team .team-intro .intro-post .post-list .post-item {

    position: relative;

    z-index: 3;

    margin-bottom: 0.5rem;

}



.PRODSKILL .skill-team .team-intro .intro-post .post-list .post-item:last-of-type {

    margin-bottom: 0;

}



.PRODSKILL .skill-team .team-intro .intro-post .post-list .post-item .dot {

    width: 0.24rem;

    height: 0.24rem;

    background-color: #fff;

    display: inline-block;

    border: .08rem solid #1e9e90;

    border-radius: 50%;

    vertical-align: middle;

    margin-right: .2rem;

}



.PRODSKILL .skill-team .team-intro .intro-post .post-list .post-item .text {

    line-height: 1.5;

    color: #333;

    vertical-align: middle;

}



.PRODSKILL .skill-team .team-intro .intro-data {

    width: 25%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}



.PRODSKILL .skill-team .team-intro .intro-data .intro-datum {

    width: 100%;

}



.PRODSKILL .skill-team .team-intro .intro-data .intro-datum .datum-num {

    color: #1e9e90;

    font-weight: 700;

    line-height: 1.3;

    width: 100%;

}



.PRODSKILL .skill-team .team-intro .intro-data .intro-datum .datum-guide {

    width: 100%;

    line-height: 2;

    color: #666;

}



@media (max-width: 1200px) {

    .PRODSKILL .skill-team .team-intro .container {

        width: 100%;

        padding: 0 10px;

    }

    .PRODSKILL .skill-team .team-intro .intro-text {

        padding-left: 2%;

    }

}



@media (max-width: 900px) {

    .PRODSKILL .skill-team .team-intro .container {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    }

    .PRODSKILL .skill-team .team-intro .intro-img {

        width: 100%;

    }

    .PRODSKILL .skill-team .team-intro .intro-text {

        width: 100%;

    }

}



@media (max-width: 500px) {

    .PRODSKILL .skill-team .team-intro .intro-text {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    }

    .PRODSKILL .skill-team .team-intro .intro-text .intro-post {

        width: 100%;

        margin-bottom: .3rem;

    }

    .PRODSKILL .skill-team .team-intro .intro-text .intro-data {

        width: 100%;

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

        -ms-flex-direction: row;

        flex-direction: row;

    }

}



.PRODSKILL .skill-lab {

    width: 100%;

    padding: .8rem 0 1rem;

    background: url("../images/skill4.jpg") center center/100% 100% no-repeat;

}



.PRODSKILL .skill-lab .container {

    width: 16rem;

    margin: 0 auto;

}



.PRODSKILL .skill-lab .lab-title {

    width: 100%;

    position: relative;

    text-align: center;

    margin-bottom: .4rem;

}



.PRODSKILL .skill-lab .lab-title .num {

    font-family: 'AvantGardeITCbyBT-Demi';

    width: 100%;

    font-weight: 700;

    color: rgba(255, 255, 255, 0.1);

}



.PRODSKILL .skill-lab .lab-title .title {

    color: #fff;

    width: 100%;

    position: absolute;

    top: 50%;

    left: 0;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    z-index: 3;

    line-height: 1.5;

}



.PRODSKILL .skill-lab .lab-data {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}



.PRODSKILL .skill-lab .lab-data .lab-datum {

    text-align: center;

}



.PRODSKILL .skill-lab .lab-data .lab-datum .datum-num {

    width: 100%;

    color: #fff;

    line-height: 1.5;

}



.PRODSKILL .skill-lab .lab-data .lab-datum .datum-num .bold {

    font-weight: 700;

}



.PRODSKILL .skill-lab .lab-data .lab-datum .datum-guide {

    color: #fff;

    width: 100%;

    line-height: 2;

}



@media (max-width: 1200px) {

    .PRODSKILL .skill-lab .container {

        width: 100%;

        padding: 0 10px;

    }

}



@media (max-width: 1000px) {

    .PRODSKILL .skill-lab .lab-data {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        -webkit-box-pack: start;

        -ms-flex-pack: start;

        justify-content: flex-start;

    }

    .PRODSKILL .skill-lab .lab-data .lab-datum {

        width: 33.3%;

        margin-bottom: 2%;

    }

}



@media (max-width: 550px) {

    .PRODSKILL .skill-lab .lab-data {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        -webkit-box-pack: start;

        -ms-flex-pack: start;

        justify-content: flex-start;

    }

    .PRODSKILL .skill-lab .lab-data .lab-datum {

        width: 50%;

        margin-bottom: 2%;

    }

}



.PRODSKILL .skill-patent {

    width: 100%;

    padding: .8rem 0 1rem;

    background-color: #fff;

}



.PRODSKILL .skill-patent .container {

    width: 16rem;

    margin: 0 auto;

}



.PRODSKILL .skill-patent .patent-title {

    width: 100%;

    position: relative;

    margin-bottom: 0.1rem;

}



.PRODSKILL .skill-patent .patent-title .num {

    font-family: 'AvantGardeITCbyBT-Demi';

    width: 100%;

    font-weight: 700;

    color: rgba(30, 158, 144, 0.1);

}



.PRODSKILL .skill-patent .patent-title .title {

    color: #333;

    width: 100%;

    position: absolute;

    top: 50%;

    left: 0;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    z-index: 3;

    line-height: 1.5;

}



.PRODSKILL .skill-patent .patent-guide {

    width: 50%;

}



.PRODSKILL .skill-patent .patent-guide p {

    line-height: 1.8;

    color: #666;

}



.PRODSKILL .skill-patent .patent-list {

    margin: .4rem 0 .52rem;

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.PRODSKILL .skill-patent .patent-list .patent-item {

    width: 49.5%;

    margin-right: 1%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding: .36rem;

    background-color: #f8fcfc;

    border-radius: .2rem;

}



.PRODSKILL .skill-patent .patent-list .patent-item:nth-of-type(2n) {

    margin-right: 0;

}



.PRODSKILL .skill-patent .patent-list .patent-item .item-img {

    width: 100%;

    margin-bottom: 0.32rem;

}



.PRODSKILL .skill-patent .patent-list .patent-item .item-img img {

    width: 100%;

}



.PRODSKILL .skill-patent .patent-list .patent-item .item-text {

    width: 100%;

    text-align: center;

    color: #1e9e90;

    line-height: 1.8;

}



.PRODSKILL .skill-patent .patent-swiper {

    width: 100%;

    position: relative;

}



.PRODSKILL .skill-patent .patent-swiper .swiper-slide {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}



.PRODSKILL .skill-patent .patent-swiper .swiper-slide img {

    width: auto;

    height: 4rem;

    -webkit-box-shadow: 0 0 0.05rem #ccc;

    box-shadow: 0 0 0.05rem #ccc;

}



.PRODSKILL .skill-patent .patent-swiper .swiper-button-prev,
.PRODSKILL .skill-patent .patent-swiper .swiper-button-next {

    z-index: 3;

    -webkit-box-shadow: 0 0 0.3rem 0 rgba(0, 0, 0, 0.05);

    box-shadow: 0 0 0.3rem 0 rgba(0, 0, 0, 0.05);

    width: 0.7rem;

    height: 0.7rem;

    border-radius: 50%;

    background-color: #fff;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    -webkit-transition: all .5s;

    transition: all .5s;

    display: none;

}



.PRODSKILL .skill-patent .patent-swiper .swiper-button-prev .disable,
.PRODSKILL .skill-patent .patent-swiper .swiper-button-next .disable {

    display: block;

}



.PRODSKILL .skill-patent .patent-swiper .swiper-button-prev .able,
.PRODSKILL .skill-patent .patent-swiper .swiper-button-next .able {

    display: none;

}



.PRODSKILL .skill-patent .patent-swiper .swiper-button-prev img,
.PRODSKILL .skill-patent .patent-swiper .swiper-button-next img {

    width: 0.12rem;

    height: 0.24rem;

}



.PRODSKILL .skill-patent .patent-swiper .swiper-button-prev:hover,
.PRODSKILL .skill-patent .patent-swiper .swiper-button-next:hover {

    background-color: #1e9e90;

}



.PRODSKILL .skill-patent .patent-swiper .swiper-button-prev:hover .disable,
.PRODSKILL .skill-patent .patent-swiper .swiper-button-next:hover .disable {

    display: none;

}



.PRODSKILL .skill-patent .patent-swiper .swiper-button-prev:hover .able,
.PRODSKILL .skill-patent .patent-swiper .swiper-button-next:hover .able {

    display: block;

}



.PRODSKILL .skill-patent .patent-swiper .swiper-button-prev {

    left: 0;

}



.PRODSKILL .skill-patent .patent-swiper .swiper-button-next {

    right: 0;

}



@media (max-width: 1200px) {

    .PRODSKILL .skill-patent .container {

        width: 100%;

        padding: 0 10px;

    }

    .PRODSKILL .skill-patent .patent-guide {

        width: 100%;

    }

}



@media (max-width: 650px) {

    .PRODSKILL .skill-patent .patent-list {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    }

    .PRODSKILL .skill-patent .patent-list .patent-item {

        width: 100%;

        margin-right: 0;

        margin-bottom: 2%;

    }

}



@media (max-width: 500px) {

    .PRODSKILL .skill-patent .patent-swiper .swiper-button-prev,
    .PRODSKILL .skill-patent .patent-swiper .swiper-button-next {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

    }

    .PRODSKILL .skill-patent .patent-swiper .swiper-slide img {

        height: 300px;

    }

}



.PRODSKILL .skill-formula {

    width: 100%;

    padding: 1rem 0;

    background: url("../images/skill8.jpg") center center/100% 100% no-repeat;

}



.PRODSKILL .skill-formula .container {

    width: 16rem;

    margin: 0 auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

}



.PRODSKILL .skill-formula .formula-info {

    width: 38.75%;

    margin-right: 0.4rem;

}



.PRODSKILL .skill-formula .formula-title {

    width: 100%;

    position: relative;

    margin-bottom: .4rem;

}



.PRODSKILL .skill-formula .formula-title .num {

    font-family: 'AvantGardeITCbyBT-Demi';

    width: 100%;

    font-weight: 700;

    color: rgba(255, 255, 255, 0.1);

}



.PRODSKILL .skill-formula .formula-title .title {

    color: #fff;

    width: 100%;

    position: absolute;

    top: 50%;

    left: 0;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    z-index: 3;

    line-height: 1.5;

}



.PRODSKILL .skill-formula .formula-explain {

    width: 100%;

}



.PRODSKILL .skill-formula .formula-explain p {

    color: #fff;

    line-height: 1.3;

}



.PRODSKILL .skill-formula .formula-guide {

    width: 100%;

    margin: .3rem 0 .8rem;

}



.PRODSKILL .skill-formula .formula-guide p {

    color: #fff;

    line-height: 1.8;

}



.PRODSKILL .skill-formula .formula-data {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}



.PRODSKILL .skill-formula .formula-data .formula-datum .datum-num {

    width: 100%;

    color: #fff;

    line-height: 1.3;

}



.PRODSKILL .skill-formula .formula-data .formula-datum .datum-num .bold {

    font-weight: 700;

}



.PRODSKILL .skill-formula .formula-data .formula-datum .datum-guide {

    width: 100%;

    color: #fff;

    line-height: 2;

}



.PRODSKILL .skill-formula .formula-img {

    width: 38.75%;

}



.PRODSKILL .skill-formula .formula-img img {

    width: 100%;

}



@media (max-width: 1200px) {

    .PRODSKILL .skill-formula .container {

        width: 100%;

        padding: 0 10px;

    }

}



@media (max-width: 1000px) {

    .PRODSKILL .skill-formula .container {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

    }

    .PRODSKILL .skill-formula .formula-info {

        width: 100%;

        margin-right: 0;

        margin-bottom: 2%;

    }

    .PRODSKILL .skill-formula .formula-img {

        width: 8rem;

    }

}



@media (max-width: 450px) {

    .PRODSKILL .skill-formula .formula-data {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    }

    .PRODSKILL .skill-formula .formula-data .formula-datum {

        width: 100%;

        margin-bottom: 0.3rem;

    }

    .PRODSKILL .skill-formula .formula-img {

        width: 100%;

    }

}



.PRODSKILL .skill-effect {

    width: 100%;

    padding: .8rem 0 1rem;

    background-color: #fff;

}



.PRODSKILL .skill-effect .container {

    width: 16rem;

    margin: 0 auto;

}



.PRODSKILL .skill-effect .effect-title {

    width: 100%;

    position: relative;

    margin-bottom: .4rem;

}



.PRODSKILL .skill-effect .effect-title .num {

    font-family: 'AvantGardeITCbyBT-Demi';

    width: 100%;

    font-weight: 700;

    color: rgba(30, 158, 144, 0.1);

}



.PRODSKILL .skill-effect .effect-title .title {

    color: #333;

    width: 100%;

    position: absolute;

    top: 50%;

    left: 0;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    z-index: 3;

    line-height: 1.5;

}



.PRODSKILL .skill-effect .effect-list {

    width: 100%;

}



.PRODSKILL .skill-effect .effect-list .effect-item {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-bottom: 0.8rem;

}



.PRODSKILL .skill-effect .effect-list .effect-item:last-of-type {

    margin-bottom: 0;

}



.PRODSKILL .skill-effect .effect-list .effect-item:nth-of-type(2n) .item-guide {

    color: #333;

}



.PRODSKILL .skill-effect .effect-list .effect-item .item-text {

    width: 62.5%;

}



.PRODSKILL .skill-effect .effect-list .effect-item .item-title {

    color: #333;

    line-height: 1.3;

    width: 100%;

    margin-bottom: 0.56rem;

}



.PRODSKILL .skill-effect .effect-list .effect-item .item-guide {

    width: 100%;

}



.PRODSKILL .skill-effect .effect-list .effect-item .item-guide p {

    line-height: 2;

    color: #666;

}



.PRODSKILL .skill-effect .effect-list .effect-item .item-img {

    width: 32.5%;

    overflow: hidden;

    border-radius: .2rem;

}



.PRODSKILL .skill-effect .effect-list .effect-item .item-img img {

    width: 100%;

}



@media (max-width: 1200px) {

    .PRODSKILL .skill-effect .container {

        width: 100%;

        padding: 0 10px;

    }

}



@media (max-width: 1000px) {

    .PRODSKILL .skill-effect .effect-list .effect-item {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    }

    .PRODSKILL .skill-effect .effect-list .effect-item:nth-of-type(2n) {

        -webkit-box-orient: vertical;

        -webkit-box-direction: reverse;

        -ms-flex-direction: column-reverse;

        flex-direction: column-reverse;

    }

    .PRODSKILL .skill-effect .effect-list .effect-item .item-img {

        width: 100%;

    }

    .PRODSKILL .skill-effect .effect-list .effect-item .item-text {

        width: 100%;

        margin-bottom: 2%;

    }

}



.PRODSKILL .skill-device {

    width: 100%;

    padding: .8rem 0 1rem;

    background-color: #f8fcfc;

}



.PRODSKILL .skill-device .container {

    width: 16rem;

    margin: 0 auto;

}



.PRODSKILL .skill-device .device-title {

    width: 100%;

    position: relative;

    text-align: center;

}



.PRODSKILL .skill-device .device-title .num {

    font-family: 'AvantGardeITCbyBT-Demi';

    width: 100%;

    font-weight: 700;

    color: rgba(30, 158, 144, 0.1);

}



.PRODSKILL .skill-device .device-title .title {

    color: #333;

    width: 100%;

    position: absolute;

    top: 50%;

    left: 0;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    z-index: 3;

    line-height: 1.5;

}



.PRODSKILL .skill-device .device-guide {

    width: 60%;

    margin: 0 auto;

    text-align: center;

    margin-bottom: .48rem;

}



.PRODSKILL .skill-device .device-guide p {

    line-height: 2;

    color: #666;

}



.PRODSKILL .skill-device .device-list {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}



.PRODSKILL .skill-device .device-list .device-item {

    width: 18.8%;

    margin-right: 1.5%;

    margin-bottom: 1.5%;

    display: block;

    position: relative;

}



.PRODSKILL .skill-device .device-list .device-item:nth-of-type(5n) {

    margin-right: 0;

}



.PRODSKILL .skill-device .device-list .device-item:hover .item-img img {

    -webkit-transform: scale(1.2);

    transform: scale(1.2);

}



.PRODSKILL .skill-device .device-list .device-item:hover .item-text {

    opacity: 1;

    z-index: 3;

}



.PRODSKILL .skill-device .device-list .device-item .item-img {

    width: 100%;

    overflow: hidden;

    border-radius: .1rem;

}



.PRODSKILL .skill-device .device-list .device-item .item-img img {

    width: 100%;

    -webkit-transition: -webkit-transform .5s;

    transition: -webkit-transform .5s;

    transition: transform .5s;

    transition: transform .5s, -webkit-transform .5s;

}



.PRODSKILL .skill-device .device-list .device-item .item-text {

    width: 100%;

    opacity: 0;

    position: absolute;

    left: 0;

    bottom: 0;

    z-index: -1;

    background-color: rgba(30, 158, 144, 0.8);

    color: #fff;

    text-align: center;

    padding: .18rem 0;

    -webkit-transition: all .5s;

    transition: all .5s;

}



@media (max-width: 1200px) {

    .PRODSKILL .skill-device .container {

        width: 100%;

        padding: 0 10px;

    }

}



@media (max-width: 900px) {

    .PRODSKILL .skill-device .device-list .device-item {

        width: 23.5%;

        margin-right: 2%;

    }

    .PRODSKILL .skill-device .device-list .device-item:nth-of-type(5n) {

        margin-right: 2%;

    }

    .PRODSKILL .skill-device .device-list .device-item:nth-of-type(4n) {

        margin-right: 0;

    }

}



@media (max-width: 750px) {

    .PRODSKILL .skill-device .device-guide {

        width: 100%;

    }

    .PRODSKILL .skill-device .device-list .device-item {

        width: 32%;

    }

    .PRODSKILL .skill-device .device-list .device-item:nth-of-type(4n) {

        margin-right: 2%;

    }

    .PRODSKILL .skill-device .device-list .device-item:nth-of-type(3n) {

        margin-right: 0;

    }

}



@media (max-width: 550px) {

    .PRODSKILL .skill-device .device-list .device-item {

        width: 49%;

    }

    .PRODSKILL .skill-device .device-list .device-item:nth-of-type(3n) {

        margin-right: 2%;

    }

    .PRODSKILL .skill-device .device-list .device-item:nth-of-type(2n) {

        margin-right: 0;

    }

}



.PRODSKILL .skill-project {

    width: 100%;

    padding: .8rem 0 1rem;

    background-color: #fff;

}



.PRODSKILL .skill-project .container {

    width: 16rem;

    margin: 0 auto;

}



.PRODSKILL .skill-project .project-title {

    width: 100%;

    position: relative;

    text-align: center;

    margin-bottom: 0.4rem;

}



.PRODSKILL .skill-project .project-title .num {

    font-family: 'AvantGardeITCbyBT-Demi';

    width: 100%;

    font-weight: 700;

    color: rgba(30, 158, 144, 0.1);

}



.PRODSKILL .skill-project .project-title .title {

    color: #333;

    width: 100%;

    position: absolute;

    top: 50%;

    left: 0;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    z-index: 3;

    line-height: 1.5;

}



.PRODSKILL .skill-project .project-list {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}



.PRODSKILL .skill-project .project-list .project-item {

    width: 32%;

    margin-right: 2%;

    margin-bottom: 2%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    padding: .4rem;

    border-radius: .2rem;

    overflow: hidden;

    background: #f8fcfc;

    position: relative;

}



.PRODSKILL .skill-project .project-list .project-item:nth-of-type(3n) {

    margin-right: 0;

}



.PRODSKILL .skill-project .project-list .project-item:hover .item-img {

    opacity: 1;

}



.PRODSKILL .skill-project .project-list .project-item:hover .item-title {

    color: #fff;

}



.PRODSKILL .skill-project .project-list .project-item:hover .item-guide {

    color: #fff;

}



.PRODSKILL .skill-project .project-list .project-item:hover .item-icon .init {

    display: none;

}



.PRODSKILL .skill-project .project-list .project-item:hover .item-icon .hover {

    display: block;

}



.PRODSKILL .skill-project .project-list .project-item .item-info {

    width: 100%;

    position: relative;

    z-index: 3;

}



.PRODSKILL .skill-project .project-list .project-item .item-icon {

    width: 0.6rem;

    height: 0.6rem;

}



.PRODSKILL .skill-project .project-list .project-item .item-icon img {

    width: 100%;

    height: 100%;

}



.PRODSKILL .skill-project .project-list .project-item .item-icon .init {

    display: block;

}



.PRODSKILL .skill-project .project-list .project-item .item-icon .hover {

    display: none;

}



.PRODSKILL .skill-project .project-list .project-item .item-title {

    width: 100%;

    color: #333;

    line-height: 1.5;

    margin: .2rem 0;

    -webkit-transition: color .5s;

    transition: color .5s;

}



.PRODSKILL .skill-project .project-list .project-item .item-guide {

    width: 100%;

    color: #666;

    line-height: 2;

    -webkit-transition: color .5s;

    transition: color .5s;

}



.PRODSKILL .skill-project .project-list .project-item .item-img {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 2;

    opacity: 0;

    -webkit-transition: opacity .5s;

    transition: opacity .5s;

}



.PRODSKILL .skill-project .project-list .project-item .item-img img {

    width: 100%;

    height: 100%;

}



@media (max-width: 1200px) {

    .PRODSKILL .skill-project .container {

        width: 100%;

        padding: 0 10px;

    }

}



@media (max-width: 900px) {

    .PRODSKILL .skill-project .project-list .project-item {

        width: 49%;

    }

    .PRODSKILL .skill-project .project-list .project-item:nth-of-type(3n) {

        margin-right: 2%;

    }

    .PRODSKILL .skill-project .project-list .project-item:nth-of-type(2n) {

        margin-right: 0;

    }

}



@media (max-width: 900px) {

    .PRODSKILL .skill-project .project-list .project-item {

        width: 100%;

        margin-right: 0;

    }

    .PRODSKILL .skill-project .project-list .project-item:nth-of-type(3n) {

        margin-right: 0;

    }

}



/* 产品详情 */

.PRODDETAIL {

    width: 100%;

}



.PRODDETAIL .prod-detail {

    width: 100%;

    padding: .8rem 0;

}



.PRODDETAIL .prod-detail .container {

    width: 12rem;

    margin: 0 auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}



.PRODDETAIL .prod-detail .detail-swiper {

    width: 50%;

    height: 4.8rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}



.PRODDETAIL .prod-detail .detail-swiper .col-swiper {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}



.PRODDETAIL .prod-detail .detail-swiper .col-swiper .swiper-container {

    height: 90%;

}



.PRODDETAIL .prod-detail .detail-swiper .col-swiper .swiper-slide {

    cursor: pointer;

}



.PRODDETAIL .prod-detail .detail-swiper .col-swiper .swiper-slide .slide-img {

    width: 1rem;

    height: 1rem;

    border: solid .01rem #eeeeee;

    overflow: hidden;

}



.PRODDETAIL .prod-detail .detail-swiper .col-swiper .swiper-slide .slide-img img {

    width: 100%;

    height: 100%;

}



.PRODDETAIL .prod-detail .detail-swiper .col-swiper .swiper-slide-sel .slide-img {

    border: solid .01rem #1e9e90;

}



.PRODDETAIL .prod-detail .detail-swiper .col-swiper .swiper-button-prev,
.PRODDETAIL .prod-detail .detail-swiper .col-swiper .swiper-button-next {

    width: 0.16rem;

    height: 0.1rem;

}



.PRODDETAIL .prod-detail .detail-swiper .col-swiper .swiper-button-prev img,
.PRODDETAIL .prod-detail .detail-swiper .col-swiper .swiper-button-next img {

    width: 100%;

    height: 100%;

}



.PRODDETAIL .prod-detail .detail-swiper .row-swiper {

    width: 4.8rem;

    border: solid .01rem #eeeeee;

}



.PRODDETAIL .prod-detail .detail-swiper .row-swiper .swiper-slide img {

    width: 100%;

    height: auto;

}



.PRODDETAIL .prod-detail .detail-text {

    width: 40%;

}



.PRODDETAIL .prod-detail .detail-title {

    color: #222;

    width: 100%;

    font-weight: 700;

}



.PRODDETAIL .prod-detail .detail-title-lt {

    width: 100%;

    color: #333;

    line-height: 1.5;

    margin: .4rem 0 0;

}



.PRODDETAIL .prod-detail .detail-guide {

    width: 100%;

}



.PRODDETAIL .prod-detail .detail-guide img {

    width: 0.07rem;

    height: 0.1rem;

    min-width: 7px;

    min-height: 10px;

    margin-right: 0.2rem;

    vertical-align: middle;

}



.PRODDETAIL .prod-detail .detail-guide .text {

    line-height: 2;

    color: #666;

    vertical-align: middle;

}



.PRODDETAIL .prod-detail .detail-share {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin: .36rem 0 .3rem;

}



.PRODDETAIL .prod-detail .detail-share .share-title {

    color: #999;

}



.PRODDETAIL .prod-detail .detail-share .share-icons {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.PRODDETAIL .prod-detail .detail-share .share-icons .share-icon {

    display: block;

    width: 0.24rem;

    height: 0.24rem;

    min-width: 18px;

    min-height: 18px;

    margin: 0 .12rem;

}



.PRODDETAIL .prod-detail .detail-share .share-icons .share-icon img {

    width: 100%;

    height: 100%;

}



.PRODDETAIL .prod-detail .detail-btn {

    padding: .18rem .68rem;

    display: inline-block;

    color: #fff;

    background-color: #1e9e90;

    border-radius: .25rem;

}



@media (max-width: 1500px) {

    .PRODDETAIL .prod-detail .container {

        width: 100%;

        padding: 0 10px;

    }

    .PRODDETAIL .prod-detail .detail-swiper {

        height: 5rem;

        -webkit-box-pack: end;

        -ms-flex-pack: end;

        justify-content: flex-end;

    }

    .PRODDETAIL .prod-detail .detail-swiper .col-swiper {

        margin-right: 2%;

    }

    .PRODDETAIL .prod-detail .detail-text {

        width: 50%;

        padding-left: 2%;

    }

}



@media (max-width: 1200px) {

    .PRODDETAIL .prod-detail .container {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    }

    .PRODDETAIL .prod-detail .detail-swiper {

        width: 100%;

        height: auto;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

        margin-bottom: 0.3rem;

    }

    .PRODDETAIL .prod-detail .detail-swiper .col-swiper {

        display: none;

    }

    .PRODDETAIL .prod-detail .detail-swiper .row-swiper {

        width: 100%;

        height: auto;

    }

    .PRODDETAIL .prod-detail .detail-text {

        width: 100%;

    }

}



.PRODDETAIL .prod-intro {

    width: 100%;

    padding: .8rem 0;

    background-color: #f8fcfc;

}



.PRODDETAIL .prod-intro .container {

    width: 12rem;

    margin: 0 auto;

    padding: .4rem;

    background-color: #fff;

}



.PRODDETAIL .prod-intro .intro-title {

    width: 100%;

    font-weight: 700;

    color: #1e9e90;

    margin-bottom: 0.3rem;

}



.PRODDETAIL .prod-intro .intro-content {

    width: 100%;

}



.PRODDETAIL .prod-intro .intro-content img {

    width: 100%;

}



.PRODDETAIL .prod-intro .intro-content p {

    line-height: 1.8;

}



.PRODDETAIL .prod-intro .intro-pages {

    width: 100%;

    padding: .2rem 0;

}



.PRODDETAIL .prod-intro .intro-pages .intro-page-prev,
.PRODDETAIL .prod-intro .intro-pages .intro-page-next {

    width: 100%;

}



.PRODDETAIL .prod-intro .intro-pages .intro-page-prev a,
.PRODDETAIL .prod-intro .intro-pages .intro-page-next a {

    color: #666;

    line-height: 1.5;

    display: inline-block;

    -webkit-transition: color .5s;

    transition: color .5s;

}



.PRODDETAIL .prod-intro .intro-pages .intro-page-prev a:hover,
.PRODDETAIL .prod-intro .intro-pages .intro-page-next a:hover {

    color: #1e9e90;

}



.PRODDETAIL .prod-intro .intro-pages .intro-page-prev {

    margin-bottom: 0.1rem;

}



@media (max-width: 1200px) {

    .PRODDETAIL .prod-intro .container {

        width: 100%;

        padding: 10px;

    }

}