* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
}
.layout {
    width: 14rem;
    margin: 0 auto;
}
.w-header {
    position: absolute;
    top: 0;
    z-index: 2;
    width: 100%;
    padding-top: .19rem;
}
.home-swiper {
    width:100%;
    overflow:hidden;
}
    .home-swiper .banner-left-arrow {
        width: .28rem;
        height: .171rem;
        background: url(../images/home-banner-arrow.png) no-repeat center/100% 100% !important;
        position: absolute;
        top: 50%;
        left: 10px;
        transform: translateY(-50%) rotate(90deg);
        z-index: 100;
        cursor: pointer;
    }
    .home-swiper .banner-right-arrow {
        width: .28rem;
        height: .171rem;
        background: url(../images/home-banner-arrow.png) no-repeat center/100% 100% !important;
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%) rotate(-90deg);
        z-index: 100;
        cursor:pointer;
    }
    .home-banner {
        position: relative;
        width: 100%;
    }
.home-banner img {
    width: 100%;
    display: block;
}
.home-banner-title {
    position: absolute;
    top: 3.81rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: .9rem;
    line-height: 1.05rem;
    text-align: center;
    color: #fff;
    opacity: 1;
    animation: home-title 1.5s;
}
@keyframes home-title {
    0% {
        opacity: 0;
        top: 6rem;
    }
    100% {
        opacity: 1;
        top: 3.81rem;
    }
}
.langage2 {
    font-size: .16rem;
    line-height: .21rem;
    color: #fff;
    display: flex;
    width: 100%;
    padding-right: .5rem;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
    position: relative;
}
.langage2 i {
    width: .12rem;
    height: .07rem;
    background: url(../images/langage-arrow.png) no-repeat center/100% 100%;
    margin-left: .19rem;
}   
.langage2 ul {
    width:2rem;
    justify-content:space-between;
    text-align: center;
    display: flex;
}
.langage2 ul a {
    font-size: .16rem;
    line-height: .3rem;
    color: #fff;
}
.use-bot>img {
    width:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
}
.home-logo {
    width: 2.3rem;
    margin: auto;
}
.home-logo img {
    width: 100%;
    display: block;
}
.w-nav {
    display: flex;
    width: 9.68rem;
    justify-content: space-between;
    margin: .32rem auto 0;
}
.w-nav a{
    display: block;
    font-size: .16rem;
    line-height: .4rem;
    color: #fff;
}
.home-banner-arrow {
    width: .28rem;
    height: .171rem;
    display: block;
    background: url(../images/home-banner-arrow.png) no-repeat center/100% 100%;
    position: absolute;
    bottom: .8rem;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
}
.home-use {
    padding: 1.18rem 0 1.5rem;
    position: relative;
}
.home-use h2 {
    font-size: .72rem;
    line-height: .9rem;
    color: #000000;
    font-weight: 500;
    text-align: center;
    margin-bottom: .66rem;
}
.use-app {
    width: 100%;
    height: 3.5rem;
    /* background:url(../images/use-img.png) no-repeat center/cover; */
    /*padding: 1.19rem 1.05rem 1.17rem;*/
    position: relative;
}
.use-app>img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.use-app img {
    display: block;
    margin: auto;
    width:auto;
}
    .use-app .shadow {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .use-app:hover .shadow {
        background: #B6D427;
    }
    .use-app .shadow div {
        position: absolute;
        z-index: 2;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
.shadow a {
    display:block;
    width:100%;
    height:100%;
}
.products-cont-img table {
    width:100%;
    border-radius:.2rem .2rem 0 0;
    overflow:hidden;
    text-align:center;
}
.products-cont-img table tr:nth-child(1) {
    height:.6rem;
    line-height:.6rem;
    background:#B6D427;
    width:100%;
}
    .products-cont-img table tr:nth-child(1) th {
        text-align:center;
        font-size:.16rem;
    }
    .products-cont-img table tr {
        height: .6rem;
        line-height: .6rem;
        border-bottom: .01rem dashed #E7EBF3;
    }
    .products-cont-img table tr td {
        font-size:.16rem;
        border: none;
    }
        .products-cont-img table tr td {
            color: #959595;
        }
            .products-cont-img table tr td a {
                color: #959595;
            }
            .use-app p {
                font-size: .28rem;
                line-height: .37rem;
                color: #fff;
                margin-top: .31rem;
                text-align: center;
                width: 100%;
            }
.use-swiper .swiper-slide {
    width: 3.5rem;
}
.chronicle {
    position:relative;
}
.left-arrow, .right-arrow, .arrow-lefts, .arrow-rights {
    width: .6rem;
    height: .6rem;
    position: absolute;
    top: 3.07rem;
    cursor: pointer;
}
.left-arrow,.arrow-lefts {
    background: url(../images/left-arrow.png) no-repeat center/100% 100%;
    left: -1.1rem;
}
.right-arrow, .arrow-rights {
    background: url(../images/right-arrow.png) no-repeat center/100% 100%;
    right: -1.1rem;
}
    .arrow-lefts, .arrow-rights {
        top:2.2rem;
    }
    .home-use > div {
        position: relative;
        padding: 0 .2rem;
    }
.intro-cont3-img ul:nth-child(2) li:nth-child(2), .intro-cont3-img ul:nth-child(3) li:nth-child(2) {
    height: 2.72rem;
}
.use-swiper {
    width: 100%;
    overflow: hidden;
}
.use-bot {
    width: 100%;
    height: 4rem;
    /*background: url(../images/use-img5.png) no-repeat center/cover;*/
    padding: 1rem 0 1.68rem;
    bottom: 0;
    opacity: 1;
    position: relative;
    z-index: 9;
}
.home-use-list-cont li {
    display: none;
}
.home-use-list-cont li:first-child {
    display: block;
}
.anim {
    animation: home-anim 1.5s;
}

@keyframes home-anim {
    0% {
        opacity: 0;
        bottom: -3rem;
    }
    100% {
        opacity: 1;
        bottom: 0;
    }
}
.btns {
    position: relative;
}
.view_more i {
    width: 0.68rem;
    height: 100%;
    display: block;
    border-left: 0.01rem solid #E7EBF3;
    background: url(../images/in-left-arrow.png) no-repeat center;
    position: relative;
    z-index: 1;
}
.btns::after {
    content: "";
    width: 100% ;
    height: 100% ;
    position: absolute ;
    top: 0;
    left: 0;
    opacity: 1;
    z-index: 0;
}
.btns:hover::after {
    animation: btn-s .5s ;
    background: #B6D427 !important;
}
@keyframes btn-s {
    0% {
        width: 0%;
        opacity: 0;
        left: 50%;
    }
    100% {
        width: 100%;
        opacity: 1;
        left: 0;
    }
}
.use-layout {
    width: 12rem;
    margin: 0 auto;
}
.use-layout h3 {
    font-size: .28rem;
    line-height: .37rem;
    color: #fff;
    font-weight: 400;
}
.use-layout p {
    font-size: .16rem;
    line-height: .24rem;
    color: rgba(255, 255, 255, 60%);
    margin-top: .5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.view_more {
    border: .01rem solid #E7EBF3;
    width: 2.27rem;
    height: .68rem;
    margin: .3rem auto 0;
    display: flex;
}
.view_more div {
    width: 1.6rem;
    font-size: .16rem;
    line-height: .68rem;
    color: #959595;
    display: block;
    text-align: center;
    position: relative;
    z-index: 1;
    
}
/* .view_more i {
    width: .67rem;
    height: .67rem;
    background: url(../images/ckgd.png) no-repeat center -.5px/100% 100%;
    display: block;
} */
.home-pro-btn  span {
    font-size: .16rem;
    line-height: .68rem;
}
.home-product li {
    width: 50%;
    height: 5.5rem;
    float: left;
    position: relative;
    overflow: hidden;
    /* border: .01rem solid #fff; */
}
.home-product li:first-child a h3 {
    font-size: .72rem;
    line-height: .96rem;
    color: #000000;
    font-weight: 500;
    margin-bottom: .46rem;
    text-align: left;
    position: initial;
    transform: none;
}
.home-product li img {
    width: 100%;
    height: 100%;
    transition: all  .5s;
    /* object-fit: cover; */
} 
.home-product li:first-child a {
    padding: 1.57rem 3.1rem 1.83rem 3.1rem;
}
.home-product a {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.home-product li a h3{
    font-size: .28rem;
    line-height: .37rem;
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: .3rem;
    left: 50%;
    transform: translateX(-50%);
}
.home-pro-btn {
    width: 2.27rem;
    height: .68rem;
    border: .01rem solid #006E55;
    display: flex;
}
.home-pro-btn span {
    display: block;
    width: 1.6rem;
    height: 100%;
    color: #006E55;
    text-align: center;
    position: relative;
    z-index: 1;
}
.home-pro-btn i {
    width: .68rem;
    height: 100%;
    background: url(../images/home-pro-arrow.png) no-repeat center;
    border-left: .01rem  solid #006E55;
    position: relative;
    z-index: 1;
}
.home-product ul {
    overflow: hidden;
}
.home-cont {
    width: 100%;
    height: 15.5rem;
    background: url(../images/home-cont-back.png) no-repeat center/cover;
    position: relative;
}
.introduce {
    width: 9.6rem ;
    height: 7.2rem;
    background: #fff;
    padding: 1.58rem 2.6rem .97rem .8rem;
    position: absolute;
    top: 0;
    right: 0;
}
.introduce h3 {
    font-size: .72rem;
    line-height: .96rem;
    color: #000000;
    font-weight: 500;
    margin-bottom: .56rem;
}
.introduce p {
    font-size: .16rem;
    line-height: .24rem;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
    .introduce a, .home-news > a, .home-school-list>a {
        font-size: .16rem;
        display: block;
        width: 2.27rem;
        height: .68rem;
        border: .01rem solid #E7EBF3;
        display: flex;
        margin-top: .4rem;
    }
        .introduce a span, .home-news > a span, .home-school-list>a span{
            width: 1.6rem;
            height: 100%;
            line-height: .68rem;
            text-align: center;
            display: block;
            color: #959595;
            position: relative;
            z-index: 1;
        }
        .introduce a i, .home-news>a i, .home-school-list>a i {
            width: .68rem;
            height: 100%;
            display: block;
            border-left: .01rem solid #E7EBF3;
            background: url(../images/in-left-arrow.png) no-repeat center;
            position: relative;
            z-index: 1;
        }
.home-news {
    width: 16.6rem;
    height: 8.3rem;
    background: #F1F8FC;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 1.08rem 3.6rem 1.01rem 1rem;
}
.home-news h3 {
    font-size: .72rem;
    line-height: .96rem;
    color: #000;
    margin-bottom: .86rem;
    font-weight: 500;
}
.home-news-cont {
    overflow: hidden;
    margin: 0 -.3rem;
}
.home-news-cont li {
    width: 25%;
    padding: 0 .3rem;
    float: left;
}
.home-news-cont a{
    display: block;
    width: 100%;
}
.home-news-img {
    width: 100%;
    overflow: hidden;
}
.home-news-img img {
    width: 100%;
    height:2.4rem;
    display: block;
    transition: all .5s;
}
.home-news-cont li:hover img {
    transform: scale(1.1);
}
.time {
    font-size: .16rem;
    line-height: .21rem;
    color: #9C9C9C;
    margin: .2rem 0 .1rem;
}
.home-news-dase {
    font-size: .2rem;
    line-height: .24rem;
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.home-news>a {
    margin-top: .7rem;
}
.home-school {
    padding: .98rem 0 1.2rem;
}
.home-school-title {
    font-size: .72rem;
    line-height: .92rem;
    color: #000000;
    font-weight: 500;
    text-align:center;
    margin-bottom: .86rem;
}
.home-school-view {
    position: relative;
    width: 9.8rem;
}
.home-school-view img {
    width: 100%;
    display: block;
}
.home-school-btn {
    width: 2.2rem;
    height: .8rem;
    text-align: center;
    line-height: .8rem;
    font-size: .36rem;
    background: #006E55;
    position: absolute;
    right: -1.1rem;
    top: 2.2rem;
    color: #fff;
}
.home-school-list {
    width: calc(100% - 9.8rem);
}
.home-school-list h4 {
    font-size: .24rem;
    line-height: .31rem;
    color: #212A37;
    font-weight: 500;
}
.home-school-list p {
    font-size: .16rem;
    line-height: .24rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #959595;
    margin-top: .2rem;
}
.home-school-list div {
    font-size: .16rem;
    line-height: .21rem;
    color: #C3C3C3;
    text-align: right;
    margin-top: .3rem;
}
.home-school-list li {
    padding: .15rem 0;
    border-top: .01rem dashed #E4E4E4;
    border-bottom: .01rem dashed #E4E4E4;
    margin-bottom: .1rem;
}
.home-swiper video {
    width:100%;
    height:100%;
}
video::-webkit-media-controls-timeline {
    display: none;
}
.home-school-list li:nth-child(2) {
    border-top: none;
    margin-bottom: 0;
}
.home-school-list {
    padding: 0 .6rem 0 1.605rem;
}
.home-school-cont {
    display: flex;
}
.home-school-list li:hover  h4{
    color: #006E55;
}
.home-school-list li:hover  div {
    color: #006E55;
}
.footer-cont {
    padding-top: .5rem;
    background: #000000;
    padding-bottom: .27rem;
}
.home-school-list li:first-child {
    padding:0 0 .15rem 0;
    border-top:none;
}
.footer-pack {
    width: 12.38rem;
    display: flex;
    justify-content: space-between;
}
    .footer-pack .footer-nav {
        width:calc(100% / 7);
    }
.footer-nav li:last-child img {
    width:.13rem;
    height:.14rem;
}
.footer-pack h5 {
    font-size: .18rem;
    line-height: .24rem;
    color: #EFEFEF;
    font-weight: 500;
}
.footer-pack li a {
    font-size: .14rem;
    line-height: .26rem;
    color: rgba(255, 255, 255, 40%);
    display: block;
}
.footer-pack ul{
    margin-top: .2rem;
}
.footer-nav li a {
    display: flex;
}
.footer-nav li img {
    width: .11rem;
    height: .14rem;
    /* background: url(../images/address.png) no-repeat center/100% 100%; */
    display: block;
    margin-top: .05rem;
    margin-right: .083rem;
}
.footer-nav li:nth-child(2) img {
    width: .12rem;
    height: .12rem;
    display: block;
    margin-top: .07rem;
    margin-right: .083rem;
}
.cont-list>li:first-child {
    display:block;
}
.cont-list>li {
    display: none;
}
.weima {
    width: calc(100% - 12.38rem);
    padding-left: 0.5rem;
    text-align: center;
}
.weima p {
    font-size: .18rem;
    line-height: .24rem;
    color: #fff;
    text-align: center;
    margin-bottom: .16rem;
}
.weima img {
    width: 1rem;
    height: 1rem;
}
.footer-flex {
    display: flex;
    padding-bottom: .71rem;
}
.copyright {
    display: block;
    text-align: center;
    font-size: .14rem;
    line-height: .24rem;
    color: rgba(255, 255, 255, 20%);
}
.public-header {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 2;
    padding-top: .19rem;
}
.use-banner {
    width: 100%;
    position: relative;
}
.use-banner img{
    width: 100%;
    display: block;
}
.public-logo {
    height: .8rem;
    padding-top: .06rem;
}
.public-logo img {
    max-height: 100%;
    object-fit: cover;
    display: block;
}
.public-pack {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.public-pack .w-nav {
    margin: 0;
}
.banner-nav {
    position: absolute;
    bottom: 1rem;
    left: 3.6rem;
}
.banner-nav h2 {
    font-size: .72rem;
    line-height: .96rem;
    color: #fff;
    font-weight: 500;
    margin-bottom: .56rem;
}
.banner-nav a {
    font-size: .24rem;
    line-height: .32rem;
    color: #fff;
    display: block;
    text-align:center;
}
.banner-nav ul {
    width: 8.59rem;
    display: flex;
    justify-content: space-between;
}
.banner-nav li:hover a  {
    color: #B6D427;
}
.use-cont {
    padding: .8rem 0 1rem;
}
.use-page-cont {
    width: 9.5rem;
}
.usetext {
    font-size: .2rem;
    line-height: .32rem;
    height: 1.6rem;
    padding: .5rem;
    border: .05rem solid rgba(182,212,89,20%);
    color: #B6D427;
}
.banner {
    text-align:center;
}
/*.banner img {
    width:100%;
    display:block;
}*/
.usetext2 {
    width: 100%;
    margin-top: .5rem;
}
.usetext2 h6 {
    font-size: .24rem;
    line-height: .28rem;
    font-weight: 500;
    color: #000000;
}
.usetext2 p {
    font-size: .16rem;
    line-height: .28rem;
    color: #959595;
    /* width: 100%; */
}

.useimg {
    width: 6.2rem;
    margin: auto;
    padding: .4rem 0;
}
.useimg img {
    width:100%;
    display: block;
}
.useimg p {
    font-size: .14rem;
    margin-top: .23rem;
    text-align: center;
}
.useimg2  {
    
    margin: auto;
    padding: .4rem 0 .43rem;
}
.useimg2 p {
    text-align:center;
    margin-bottom: .1rem;
}
.useimg2 img {
    width: 3.98rem;
    margin:auto;
    display: block;
}
.useimg3 {
    padding: .12rem 0 .8rem;
}
.useimg4 {
    display: flex;
    width: 100%;
}
.useimg4 img {
    width: 2.3rem;
    display: block;
}
.useimgcont {
    margin-left: .3rem;
    width: calc(100% - 2.3rem);
    padding: .19rem 0;
}
.useimgcont h4{
    font-size: .24rem;
    line-height: .28rem;
    color: #B6D427;
    font-weight: 500;
}
.useimgcont p {
    font-size: .2rem;
    line-height: .28rem;
    color: #000;
}
.use-page-cont>a {
    display: block;
    width: 1.4rem;
    height: .48rem;
    text-align: center;
    line-height: .48rem;
    font-size: .16rem;
    color: #B6D427;
    border: .01rem solid #B6D427;
    margin: .8rem auto 0;
}
.use-page-right-cont {
    width: calc(100% - 9.5rem);
    padding: 0 0 0 0.7rem;
}
.use-right-cont-img {
    width: 100%;
}
.intro-cont3-img ul:first-child li {
    height: 2.72rem;
}

    .intro-cont3-img ul:first-child li:nth-child(2) {
        height: 2.92rem;
    }
.use-right-cont-img img {
    width: 100%;
    display: block;
}
.use-right-cont h4 {
    font-size: .2rem;
    line-height: .26rem;
    font-weight: 500;
    color: #000;
    margin-top: .2rem;
}
.list-introduce {
    margin-top: .1rem;
}
.list-introduce p{
    font-size: .16rem;
    line-height: .28rem;
    color: #666666;
}

    .use-right-cont a {
        width: 1.4rem;
        height: .48rem;
        color: #959595;
        text-align: center;
        line-height: .48rem;
        font-size: .16rem;
        border: .01rem solid #E7EBF3;
        display: block;
        margin-top: .2rem;
    }
.btns span {
    position: relative;
    z-index: 1;
}
.two-navlist {
    background: rgba(241,244,249,90%) !important;
}
.use-page-right-cont > div {
    margin-bottom: .5rem;
}
.use-cont-pack {
    display: flex;
}
.use-banner .products {
    width: 9.79rem;
}
.use-banner .news {
    width: 4.97rem;
}
.news-cont {
    padding: .8rem 0 .6rem;
}
.news-img {
    width: 3.2rem;
    overflow: hidden;
}
.news-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: all .5s;
}
.news-list-cont {
    width: calc(100% - 3.2rem);
    padding: .25rem 0 .25rem .4rem;
}
.news-list-cont h4 {
    font-size: .2rem;
    line-height: .26rem;
    color: #000;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news-time {
    font-size: .14rem;
    line-height: .19rem;
    color: #959595;
    margin-top: .1rem;
}
.news-dase {
    font-size: .16rem;
    line-height: .24rem;
    color: #666666;
    margin-top: .2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news-btn {
    width: 1.2rem;
    height: .4rem;
    font-size: .16rem;
    line-height: .4rem;
    text-align: center;
    color: #B6D427;
    border: .01rem solid #B6D427;
    margin-top: .3rem;
}
.news-cont ul li a {
    display: flex;
}
.news-cont ul li:hover a {
    background: #B6D427;
}
.news-cont ul li:hover .news-btn {
    border-color: rgba(0, 0, 0, 30%);
    color: #000000;
}
.top-img {
    position: relative;
    margin-bottom: .5rem;
}
.top-img img {
    width: 100%;
}
.top-title {
    font-size:.75rem;
    line-height:1.6rem;
    color:#fff;
    font-weight:bold;
    border:.01rem solid #fff;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:11rem;
    text-align:center;
}
.pro-cont2-pack {
    padding:0 .19rem;
}
.high-end-cont li span {
    position:relative;
    z-index:1;
    margin:0 !important;
}
.zhongduan li a div {
    margin-top:.3rem;
}
.jingj2 li a div {
    margin-top:0rem;
}
.high-end-cont li div {
    display: inline-block;
    margin-top: .1rem;
}
.news-cont ul li:hover .news-img img {
    transform: scale(1.1);
}
.news-cont ul li {
    margin-bottom: .4rem;
}
.products2-cont {
    padding: .8rem 0 1.1rem;
}
.products2-title {
    font-size: .4rem;
    line-height: .52rem;
    color: #000;
    margin-bottom: .5rem;
    text-align: center;
}
.pro-view {
    overflow: hidden;
    margin: 0 -.2rem;
}
.pro-view li {
    width: 25%;
    padding: 0 .2rem;
    float: left;
}
.pro-view li a {
    width: 100%;
}
.pro-view li a img {
    width: 100%;
    height:2.4rem;
    object-fit:cover;
    display: block;
    transition: all .5s;
}
.copyright:hover {
    color:#fff;
}
.pro-view li a p {
    font-size: .2rem;
    line-height: .28rem;
    color: #959595;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-top: .2rem;
}
.pro2-pack>a {
    width: 2.27rem;
    height: .68rem;
    border: .01rem solid #E7EBF3;
    margin: .7rem auto 0;
    font-size: .16rem;
    display: flex;
}
.pro2-pack>a span {
    width: 1.6rem;
    line-height: .68rem;
    text-align: center;
    display: block;
    color: #959595;
    position: relative;
    z-index: 1;
}
.pro2-pack>a i {
    width: .68rem;
    height: .67rem;
    background: url(../images/in-left-arrow.png) no-repeat center;
    display: block;
    border-left: .01rem solid #E7EBF3;
    position: relative;
    z-index: 1;
}
.pro-view2 li {
    margin-bottom: .5rem;
}
.pro2-pack2>a {
    margin: .1rem auto 0;
}
.pro2-cont{
    padding-bottom: 1.2rem;
}
.use-banner .intro {
    width: 10.15rem;
}
.intro-pack h4 {
    font-size: .4rem;
    line-height: .52rem;
    color: #000;
    text-align: center;
    font-weight: 500;
    margin-bottom: .5rem;
}
.intro-cont {
    padding: .8rem 0 1rem;
}
.intro-img {
    width: 11.6rem;
    margin: 0 auto;
}
.intro-img img {
    width: 100%;
    display: block;
}
.intro-cont-text p {
    font-size: .16rem;
    line-height: .3rem;
    text-align: center;
}
.intro-cont2 {
    padding: .8rem 0 1.005rem;
    background: url(../images/intro-cont-back.png) no-repeat center/cover;
}
.intro-cont2 h4 {
    font-size: .4rem;
    line-height: .52rem;
    color: #000;
    font-weight: 500;
    text-align: center;
    margin-bottom: .6rem;
}
.top-cont h5 {
    font-size: .38rem;
    line-height: .5rem;
    color: #000100;
    font-weight: 500;
}
.top-cont p {
    font-size: .16rem;
    line-height: .24rem;
    color: #959595;
    margin-top: .105rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.top-cont-img {
    width: 1.5rem;
    margin-top: .425rem;
}
.top-cont-img img {
    width: 100%;
    display: block;
}
/* .chronicle {
    display: flex;
} */
.chronicle li {
    display: flex;
   flex-direction: column;
   /* padding-left: .72rem; */
   position: relative;
   margin-right: .025rem;
   
}
.chronicle li .top-cont {
    border-left: .02rem dashed #D5DBE5;
    padding-left: .24rem;
    position: relative;
    
}
.chronicle li .top-cont::after {
    width: .08rem;
    height: .08rem;
    border-radius: 100%;
    background: #D5DBE5;
    display: block;
    content: "";
    position: absolute;
}
.chronicle li::after {
    content: "";
    width: 100%;
    height: .06rem;
   
    display: block;
    position: absolute;
    left: 0;
}
/* .chronicle .swiper-slide:nth-child(2n+1) li::after {
    background: url(../images/center-border1.png) no-repeat center/100% 100%;
    bottom: 0;
    transform: translateY(50%);
} */
.chronicle .swiper-slide:nth-child(2n+1) li {
    
}
.chronicle .swiper-slide:nth-child(2n) li {
    
}
.chronicle .swiper-slide:nth-child(2n+1) .top-cont:nth-child(2)  {
    display: none;
}
.chronicle .swiper-slide:nth-child(2n+1) .top-cont {
    margin-bottom: .365rem;
    height: 2.15rem;
}
.chronicle .swiper-slide:nth-child(2n+1) .top-cont::after {
    left: 0;
    bottom: 0;
    transform: translateX(-70%);
}
.chronicle .swiper-slide:nth-child(2n){
    margin-top: 2.6rem;
}
/* .chronicle .swiper-slide:nth-child(2n) li::after {
    background: url(../images/center-border2.png) no-repeat center/100% 100%;
    top: 0;
    transform: translateY(-50%);
} */
.chronicle .swiper-slide:nth-child(2n) .top-cont:nth-child(1)  {
    display: none;
}
.chronicle .swiper-slide:nth-child(2n) .top-cont {
    margin-top: .365rem;
    height: 2.97rem;
}
.chronicle .swiper-slide:nth-child(2n) .top-cont::after {
    left: 0;
    top: 0;
    transform: translateX(-70%);
}
.chronicle-swiper{
   position: relative;
}
.chronicle-swiper::before {
    content: "";
    width: 100%;
    height: .06rem;
    display: block;
    background: url(../images/center-border3.png) no-repeat center/cover;
    position: absolute;
    top: 38.5%;
    transform: translateY(-50%);
}
.top-cont>div:first-child {
    width: 170%;
}
.chronicle .swiper-slide:first-child {
    margin-left: .72rem;
}
.swiper-wrapper {
    width: 120% !important;
}
.chronicle .swiper-container {
    height: 6.5rem;
}
.chronicle .swiper-scrollbar {
    height: .08rem !important;
}
.chronicle .swiper-scrollbar-drag {
    background: #B6D427;
}
/*.w-nav>li {
    width:calc(100% / 7);
    text-align:center;
}*/
    .w-nav > li .two-navlist {
        width:12rem;
        height:2.5rem ;
        margin:0 auto;
        position: absolute;
        top: 100%;
        left: 50%;
        transform:translateX(-50%);
        background: #fff;
        padding: 0 0 0 .4rem;
        display: none;
    }
        .w-nav > li ul a {
            color:#333;
            font-weight:lighter;
        }
            .w-nav > li ul li:hover a {
                color:#B6D427;
            }
            .two-navlist-title {
                width: 18%;
                padding-right: .4rem;
            }
.nav-img {
    width:42%;
    height:2.5rem;
    padding-left:1.5rem;
}
    .nav-img img {
        height:100%;
        display:block;
        object-fit:cover;
    }
    .two-navlist-pack2 .two-navlist-title {
        /*  padding-right:0;
    padding-left:.4rem;*/
        width: 18%;
    }
.two-navlist-title a {
    color: #333;
    display: block;
    text-align: right;
    font-weight:normal;
}
/*.two-navlist-pack2 .two-navlist-title a {
    text-align:left;
}*/
.two-navlist-pack {
    display: flex;
    align-items: center;
    height:100%;
    /*justify-content: center;*/
}
/*.two-navlist-pack2 {
    flex-direction: row-reverse;
}*/
.w-nav > li .two-navlist ul {
    display: flex;
    width: 40%;
    position: relative;
    flex-wrap: wrap;
   
}
/*.w-nav > li .two-navlist .two-navlist-pack2 ul {
    flex-direction: row-reverse;
}
*/
.w-nav > li .two-navlist ul::before {
    content: '';
    width: .03rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #E4E4E6;
}
/*.w-nav > li .two-navlist .two-navlist-pack2 ul::before {
    left:100%;
}*/
        .w-nav > li .two-navlist ul::after {
            content:'';
            width:.03rem;
            height:100%;
            position:absolute;
            top:0;
            left:50%;
            transform:translateX(-50%);
            background:#E4E4E6;
        }
        .w-nav > li .two-navlist ul li {
            width: 50%;
            padding-left: .2rem;
            text-align: left;
            padding:.1rem 0 .1rem .2rem;
        }
            .w-nav > li .two-navlist ul li a {
                line-height:.2rem;
            }
            /*.w-nav > li .two-navlist .two-navlist-pack2 ul li {
    text-align: right;
    padding-right:.2rem;
    padding-left:0;
}*/
            .pro-cont2-pack {
                display: flex;
                justify-content: space-between;
            }
    .pro-cont2-pack > div {
        width: 4.34rem;
        height: auto;
    }
    .pro-cont2 {
        padding: .8rem 0 1.1rem;
    }
.high-end {
    padding: .15rem .28rem .35rem;
    background: #e9e9e9;
}
    .high-end > div {
        border-bottom: .025rem solid #B5D239;
        display:flex;
        justify-content:space-between;
        align-items:self-end;
    }
        
         .high-end h3 {
            font-size: .35rem;
            line-height: .6rem;
            color: #B5D239;
        }
    .high-end > div > span {
        font-size: .3rem;
        color: #89a513;
        line-height: .4rem;
    }

.high-end-cont li a h4 {
    font-size: .35rem;
    line-height: .6rem;
    color: #89A513;
    font-weight: 500;
    margin-top: .3rem;
}
    .high-end-cont li:nth-child(1) a h4 {
        margin-top:.25rem;
    }
    .high-end-cont li a span {
        /*width: 1.44rem;*/
        height: .48rem;
        display: inline-block;
        border: .01rem solid #000000;
        font-size: .28rem;
        line-height: .48rem;
        text-align: center;
        color: #000000;
        margin-top: .1rem;
        padding: 0 .28rem .0 .11rem;
    }
.high-end-cont li a p {
    font-size: .14rem;
    line-height: .24rem;
    color: #000000;
    margin-top:.1rem;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
.zhongduan li a span {
    margin-top:.3rem;
}
.jingj {
    overflow:hidden;
    margin:0 -.35rem;
}
.jingj li {
    float: left;
    width: 50%;
    padding: 0 .35rem ;
}
    .jingj li a p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }
.jingji {
    background:transparent;
    padding:0;
}
    .jingji > div {
        display: block;
        border: none;
        background: #e9e9e9;
        padding: .15rem .28rem .15rem;
        overflow:hidden;
    }
        .jingji > div > div {
            border-bottom: .025rem solid #B5D239;
        }
.jingj {
    background: #e9e9e9;
}
.jingj2 {
    padding:.23rem .28rem .35rem;
    margin-top:.15rem;
    width:4.34rem;
}
    .jingj2 li a p, .jingj li a p {
        line-height: .205rem;
    }
    .jingj2 {
        display:flex;
        justify-content:space-between;
        margin-left:0;
    }
    .jingj2 li {
        float: none;
        width:1.54rem;
        padding:0;
    }
    .jingj2 li a span {
        margin-top: 0;
    }

    .intro-cont3 {
        padding: 1rem 0;
    }
.intro-cont3 h4 {
    font-size: .4rem;
    line-height: .52rem;
    color: #333;
    font-weight: 500;
    text-align:center;
    margin-bottom: .5rem;
}
.intro-cont3-img  {
    overflow: hidden;
    margin: 0 -.1rem;
}
.intro-cont3-img ul {
    float: left;
    width: 33.3333%;
    padding: .05rem;
}
.intro-cont3-img ul li {
    width: 100%;
    margin-bottom: .1rem;
    overflow: hidden;
}
.intro-cont3-img ul li img {
    width: 100%;
    height:100%;
    object-fit:cover;
    display: block;
    transition: all .5s;
}
.about-btn span {
    width: 1.6rem;
    line-height: .68rem;
    text-align: center;
    display: block;
    color: #959595;
    position: relative;
    z-index: 1;
}
.about-btn i {
    width: 0.68rem;
    height: 0.67rem;
    background: url(../images/in-left-arrow.png) no-repeat center;
    display: block;
    border-left: 0.01rem solid #E7EBF3;
    position: relative;
    z-index: 1;
}
.about-btn::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    z-index: 0;
}
.about-btn {
    width: 2.27rem;
    height: 0.68rem;
    border: 0.01rem solid #E7EBF3;
    margin: 0.7rem auto 0;
    font-size: .16rem;
    display: flex;
}
.intro-cont3-img ul li:hover img {
    transform: scale(1.1);
}
.intro-cont3-img li:hover .intro-cont3-img-cont>div {
    width:2.5rem;
}
.intro-cont3-img li:hover .intro-cont3-img-cont h6 {
    background:none;
}
.intro-cont3-img-cont h6 {
    font-size: .2rem;
    line-height: .26rem;
    color: #000000;
    font-weight: 500;
    text-align: center;
    padding: .1rem .3rem;
    /*background: rgba(182,212,39,95%);*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.intro-cont3-img-cont {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 80%;
    left: 0%;
    background: rgba(182,212,39,95%);
    /*padding: 2.34rem .8rem 2.23rem;*/
    transition:all .5s;
}
.intro-cont3-img li:hover .intro-cont3-img-cont > div {
    top:50%;
}
    .intro-cont3-img li:hover .intro-cont3-img-cont > div p {
        display:-webkit-box;
    }
    .intro-cont3-img-cont > div {
        width: 100%;
        position: absolute;
        top: 12%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .intro-cont3-img li {
        position: relative;
    }
.intro-cont3-img li:hover .intro-cont3-img-cont {
    top: 0%;
}
.intro-cont3-img ul:nth-child(2) li:nth-child(1) .intro-cont3-img-cont, .intro-cont3-img ul:nth-child(3) li:nth-child(1) .intro-cont3-img-cont {
    top: 90%;
}
    .intro-cont3-img ul:nth-child(2) li:nth-child(1):hover .intro-cont3-img-cont, .intro-cont3-img ul:nth-child(3) li:nth-child(1):hover .intro-cont3-img-cont {
        top:0%;
    }
        .intro-cont3-img ul:nth-child(2) li:nth-child(1):hover .intro-cont3-img-cont>div, .intro-cont3-img ul:nth-child(3) li:nth-child(1):hover .intro-cont3-img-cont>div {
            top:50%;
        }
        .intro-cont3-img ul:nth-child(2) li:nth-child(1) .intro-cont3-img-cont div, .intro-cont3-img ul:nth-child(3) li:nth-child(1) .intro-cont3-img-cont div {
            top: 6%;
        }
    .intro-cont3-img-cont p {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        display: none;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        font-size: .14rem;
        line-height: .19rem;
        color: rgba(0, 0, 0, 50%);
        text-align: center;
    }
.intro-cont3-img ul:nth-child(2) li {
    position: relative;
}
.intro-cont3-img5>a {
    margin: .6rem auto 0;
}
.intro-cont4 {
    width: 100%;
    padding: .8rem 0 1rem;
    position: relative;
}
.intro-cont4>img {
    width: 100%;
    top: 0;
    position: absolute;
    z-index: -1;
}
.intro-cont4-pack h4 {
    font-size: .4rem;
    line-height: .52rem;
    font-weight: 500;
    color: #FFFFFF;
    margin-bottom: .6rem;
    text-align: center;
}
.intro-cont4-pack ul {
    overflow: hidden;
    margin: 0 -.125rem;
}
.intro-cont4-pack ul li {
    width: 33.333333%;
    float:left;
    padding: 0 .125rem;
}
.intro-cont4-pack ul li a {
    display: block;
    width: 100%;
    /*padding:3.41rem .3rem .3rem .3rem;*/
    overflow: hidden;
    position: relative;
}
.intro-cont4-pack ul li a img {
    width: 100%;
    height:5.17rem;
    object-fit:cover;
    transition: all .5s;
}
    .intro-cont4-pack ul li a > div {
        position: absolute;
        bottom: 0;
        left: 0;
        background:rgba(0,0,0,.4);
        width:100%;
        padding:.3rem;
    }
.intro-cont4-pack ul li:hover img {
    transform: scale(1.1);
}
.intro-cont4-pack ul li a h6 {
    font-size: .2rem;
    line-height: .28rem;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
    color: #fff;
}
.intro-cont4-dase {
    font-size: .16rem;
    line-height: .24rem;
    color: rgba(255, 255, 255, 60%);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: .26rem;
}
.intro-cont5 h3 {
    font-size: .4rem;
    line-height: .52rem;
    text-align: center;
    font-weight: 500;
    margin-bottom: .59rem;
}
    .intro-cont5 h3 span {
        font-size:.25rem;
    }
    .message {
      /*  display: flex;
        justify-content:space-around;
        flex-wrap: wrap;*/
    }
    .message .message-a{
        display:flex;
        align-items:center;
        justify-content:space-between
           
    }
        .message .message-a div {
            font-size: .16rem;
            width: 35%;
            margin-bottom: .2rem;
            display: flex;
            align-items: center;
            justify-content: space-between
        }
.message .message-b{
    font-size: .16rem;
    width: 100%;
    margin-bottom: .2rem;
    display: flex; 
    align-items: center;
    justify-content:space-between
}
/*.message div:nth-child(2) {
    padding-right: 1rem;
}*/
/*.message div:last-child {
    width: 80%;
    display: flex;
    margin:auto;
}*/
.message .message-a div span,
.message .message-b span{
    display: block;
    width: 150px;
    text-align: right;
}
/*        
        .message div:last-child {
            align-items: flex-start;
        }
.message div:last-child span {
    margin-top: .2rem;
    width: 10%;
}*/
.message input {
    width:calc(100% - 160px);
    height: .58rem;
    border: none;
    outline: none;
    border: .01rem solid #E7EBF3;
    padding: .1rem .2rem;
    font-size:.18rem;
}
/*        .message div:first-child {
            width:22%;
            margin-left:-.2rem;
        }*/
        .message textarea {
            width: calc(100% - 160px);
            height: 1.18rem;
            border: none;
            outline: none;
            border: .01rem solid #E7EBF3;
            padding: .2rem;
            resize: none;
            font-size: .18rem;
        }
.mess-btn {
    width: 1.2rem;
    height: .5rem;
    background: #B6D427;
    text-align: center;
    line-height: .5rem;
    font-size: .16rem;
    color: #000;
    margin-left: 160px;
    margin-top: .1rem;
    cursor: pointer;
}
.intro-cont5 {
    padding-bottom: 1.5rem;
}
.use-banner .prodetail {
    width: 9.79rem;
}
.productdetail-cont {
    padding: .8rem 0 0;
}
.productdetail-left {
    width: 9.5rem;
}
.productdetail-left h3 {
    font-size: .36rem;
    line-height: .48rem;
    color: #B6D427;
    font-weight: 500;
    margin-bottom: .4rem;
}
.pro {
    margin-bottom: .3rem;
}
.pro h5 {
    font-size: .18rem;
    line-height: .24rem;
    color: #000;
}



.pro p {
    font-size: .14rem;
    line-height: .24rem;
    color: #8E919B;
}
.pro-img img {
    width: 100%;
    display: block;
}
.pro-img2 {
    width: 8.95rem;
    margin-top: 1.23rem;
}
.pro-img2 img {
    width: 100%;
    display: block;
}
.pro-img2 p {
    font-size: .24rem;
    line-height: .32rem;
    color: #B6D427;
    margin-top: .3rem;
    margin-left: 1rem;
    margin-bottom: .92rem;
}
.productdetail-left h2 {
    font-size: .48rem;
    color: #B6D427;
    font-weight: 500;
    margin-bottom: .5rem;
}
.pro-img3 {
    margin-bottom: .972rem;
}
.pro-img3 img {
    width: 100%;
}
.pro-img4 div:first-child {
    width: 5rem;
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    font-size: .24rem;
    color: #000;
    background: url(../images/pro-title-back.png) no-repeat center/100% 100%;
    margin-bottom: .4rem;
}
.pro-img4 img {
    width: 100%;
    margin-bottom: .5rem;
    display: block;
}


.pro-img4 img:last-child {
    margin:0;
}
.pro-btn {
    width: 3.2rem;
    height: .48rem;
    font-size: .16rem;
    line-height: .48rem;
    text-align: center;
    border: .01rem solid #E4E4E4;
    margin: .43rem auto 0;
    color: #B6D427;
    display: block;
}
.prodetail-pack {
    display: flex;
}
.use-page-right-cont>div:hover img {
    transform: scale(1.1);
}
.use-right-cont-img {
    overflow: hidden;
}
.use-right-cont-img img {
    transition: all .5s;
}
.prodetail-bot {
    overflow: hidden;
    margin: 0 -.2rem;
}
.prodetail-bot li {
    width: 50%;
    float: left;
    padding: 0 .2rem;
}
.pro-bottom {
    padding: 1rem 0;
}
.prodetail-bot li a  {
    display: block;
    width: 100%;
    background: rgba(219, 229, 169, 15%);
    border-radius: .2rem .2rem 0 0;
    padding: .62rem .4rem .37rem;
}
.prodetail-bot li a h5 {
    font-weight: 500;
    font-size: .2rem ;
    line-height: .26rem;
    color: #000;
}
.prode-dase {
    font-size: .14rem;
    line-height: .2rem;
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.prode-btn {
    width: 1.4rem;
    height: .48rem;
    line-height: .48rem;
    text-align: center;
    border: .01rem solid #E7EBF3;
    background: #FFFFFF;
    font-size: .16rem;
    color: #959595;
    margin-top: .5rem;
}
.home-product li:hover img {
    transform: scale(1.1);
}
.pro-view2 li:hover img {
    transform: scale(1.1);
}
.pro-view li a>div {
    width: 100%;
    overflow: hidden;
}
.products-cont2 {
    padding: .5rem 0 1rem;
}
.pro-cont2-title{
    margin-bottom: .6rem;
}
.pro-cont2-title h3 {
    font-size: .28rem;
    color: #B6D427;
    text-align: center;
    font-weight: 500;
    width: 100%;
    padding: 0 .2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pro-cont2-title p {
    font-size: .16rem;
    color: #000;
    text-align: center;
    padding: 0 .5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tablebar{
    overflow: hidden;
    margin: 0 -.2rem;
}
.tablebar li {
    width: 33.333333%;
    display: flex;
    float: left;
    padding: 0 .2rem;
}
.tab1 {
    width: 36.5%;
    height: 1rem;
    padding: 0.25rem .2rem;
    background: #B6D427;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tab1 span {
    line-height: .28rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: .16rem;

}
.tab2{
    width: 63.5%;
}
.tab2 p {
    width: 100%;
    height: .5rem;
    line-height: .5rem;
    text-align: center;
    border: .01rem solid #B6D427;
    font-size: .16rem;
    color: #666666;
    padding: 0 .2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.video {
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 50%);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    display: none;
}
.video .n-video {
    width: 10rem;
    height:6rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.n-video video {
    width: 100%;
    height: 100%;
}
.n-video span {
    width: .5rem;
    height: .5rem;
    text-align: center;
    line-height: .5rem;
    font-size: .5rem;
    transform:rotate(45deg);
    color: #fff;
    position: absolute;
    top: .2rem;
    right: .2rem;
    cursor: pointer;
}
.footer-nav li:hover a{
    color: #fff;
}
.products-cont-img {
    width: 12rem;
    margin: 0 auto;
}
.products-cont-img img {
    width: 100%;
    display: block;
}
.products-cont {
    padding: .8rem 0 0 ;
}
/*.intro-cont3-img-cont2 {
    height: 0%;
    bottom: 0;
}*/
.intro-cont3-img ul li a {
    display:block;
    height:100%;
}
.intro-cont3-img li:hover .intro-cont3-img-cont {
    top: 0%;
    height: 100%;
}
.pro-text {
    font-size: .14rem;
    line-height: .24rem;
    color: #333;
}

.pro-text2 {
    font-size: .24rem;
    line-height: .32rem;
    color: #B6D427;
    font-family: Constantia;
    margin-top: .22rem;
}

.detail-img-ye {
    width: 5.93rem;
    height: 6.78rem;
    background: url(../images/detail-img.png) no-repeat center/100% 100%;
}

    .detail-img-ye li {
        display: flex;
        position: absolute;
    }

        .detail-img-ye li em {
            width: 1.5rem;
            height: 1.5rem;
            background: url(../images/yezi.png) no-repeat center/100% 100%;
            display: block;
            position: relative;
            z-index: 2;
        }

        .detail-img-ye li div {
            width: 3.5rem;
            height: 1.5rem;
            background: #F0F8ED;
            padding: .15rem .15rem .15rem .76rem;
            position: absolute;
            top: 0;
            left: .85rem;
        }

            .detail-img-ye li div p {
                font-size: .14rem;
                line-height: .2rem;
                color: #959595;
                overflow:hidden;
                text-overflow:ellipsis;
                display:-webkit-box;
                -webkit-line-clamp:3;
                -webkit-box-orient:vertical;
            }

.sq {
    display: flex;
    justify-content: space-between;
    margin-top:.2rem;
}
.detail-img-ye li div p:nth-child(2) {
    margin-top:.2rem;
}
.sq span {
    color: #000000;
}

.pro-img {
    position: relative;
}

.detail-img-ye li:first-child {
    top: 1.3rem;
    right: 3rem;
}

.detail-img-ye li:nth-child(2) {
    top: 3rem;
    right: 2.8rem;
}

.detail-img-ye li:nth-child(3) {
    top: 5.3rem;
    left: 3.3rem;
}

.detail-img-ye li:nth-child(4) {
    bottom: -.7rem;
    left: 1.5rem;
}

.pro-img3 ul {
    border-top: .01rem solid #B6D427;
}

    .pro-img3 ul li {
        border-bottom: .01rem solid #B6D427;
    }

        .pro-img3 ul li em {
            margin-right: .16rem;
        }

        .pro-img3 ul li:first-child em {
            width: .24rem;
            height: .24rem;
            background: url(../images/shuidi.png) no-repeat center/100% 100%;
            display: block;
        }

        .pro-img3 ul li p:nth-child(2) {
            font-size: .2rem;
            line-height: .26rem;
            color: #959595;
            margin-right: .54rem;
            width: 1.8rem;
        }

        .pro-img3 ul li p:nth-child(3) {
            font-size: .14rem;
            line-height: .19rem;
            color: #666666;
            width: 6.79rem;
        }

    .pro-img3 ul li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: .2rem 0;
    }

        .pro-img3 ul li:nth-child(2) em {
            width: .24rem;
            height: .24rem;
            background: url(../images/kll.png) no-repeat center/100% 100%;
            display: block;
        }

        .pro-img3 ul li:nth-child(3) em {
            width: .24rem;
            height: .24rem;
            background: url(../images/gy.png) no-repeat center/100% 100%;
            display: block;
        }

        .pro-img3 ul li:nth-child(4) em {
            width: .24rem;
            height: .24rem;
            background: url(../images/bz.png) no-repeat center/100% 100%;
            display: block;
        }

.bot-cont > p {
    font-size: .2rem;
    line-height: .3rem;
    color: #B6D427;
    padding: .12rem .2rem;
    background: rgba(182,212,89,20%);
}

.bot-cont ul li {
    border-bottom: .01rem dashed #C9CCD4;
    padding: .1rem .2rem;
    display: flex;
}

    .bot-cont ul li p {
        width: 50%;
    }

    .bot-cont ul li:first-child {
        padding: .15rem .2rem;
        background: #212A37;
    }

        .bot-cont ul li:first-child p {
            font-size: .16rem;
            line-height: .21rem;
            color: #fff;
        }

    .bot-cont ul li p {
        font-size: .14rem;
        line-height: .19rem;
        color: #959595;
    }

.bot-cont {
    margin-bottom: .5rem;
}
@media (max-width:768px) {
    .layout {
        width: 100%;
    }
    .w-header {
        padding: 0;
        position: relative;
        background:#333;
    }
    .langage {
        width: 100%;
        padding: 0 .2rem;
        height: 60px;
    }
    .langage2 {
        position: absolute;
        font-size: .26rem;
        top: 50%;
        right: .6rem;
        transform: translateY(-50%);
    }
    .navlist {
        position: absolute;
        width: 100%;
        left: 0;
        top: 60px;
    }
    .w-nav {
        display: block;
        background: #fff;
        padding: .2rem .4rem;
        width: 100%;
        margin: 0;
        display:none;
    }
        .w-nav>li>div:first-child {
            display:flex;
            justify-content:space-between;
            align-items:center;
        }
            .w-nav > li > div:first-child::after {
                content: "+";
                font-size: .4rem;
                line-height: .52rem;
            }
        .w-nav > li:first-child > div:first-child::after {
            content: "";
        }
        .w-nav > li:nth-child(6) > div:first-child::after {
            content: "";
        }
        .w-nav > li:last-child > div:first-child::after {
            content: "";
        }
            .w-nav li a {
                color: #000;
                font-size: .26rem;
                line-height: .52rem;
                text-align: left;
            }
    .home-logo {
        width: auto;
        margin: 0;
        height: 100%;
        padding: 0.2rem 0;
    }
    .home-logo img {
        width: auto;
        height: 100%;
        object-fit: cover;
    }
    .home-iconfont {
        width: 40px;
        height: 40px;
        position: absolute;
        right: .2rem;
        top: 50%;
        transform: translateY(-50%);
    }
    .intro-cont3-img ul:nth-child(2) li:nth-child(2), .intro-cont3-img ul:nth-child(3) li:nth-child(2) {
        height:auto;
    }
    .intro-cont3-img-cont > div {
        width:100%;
    }
    .home-iconfont i {
        width: 40px;
        height: 40px;
        display: block;
        position: absolute;
    }
    .home-iconfont .cha {
        background: url(../images/cha.png) no-repeat center/100% 100%;
        display: none;
    }
    .home-iconfont .dh {
        background: url(../images/dh.png) no-repeat center/100% 100%;
        display: block;
    }
    .langage2 i {
        width: 8px;
        height: 4px;
    }
    .home-banner-title {
        width: 100%;
        padding:0 .5rem;
        font-size: .7rem;
        line-height: 1rem;
        top: .8rem;
    }
    .use-bot {
        padding: 1rem .2rem 1.68rem;
    }
    .use-layout {
        width: 100%;
    }
    .use-layout h3 {
        font-size: .35rem;
        line-height: .7rem;
    }
    .use-layout p {
        font-size: .24rem;
        line-height: .48rem;
        margin-top: .2rem;
    }
    .home-use {
        padding: .5rem 0;
    }
    .left-arrow, .right-arrow {
        display: none;
    }
    .view_more {
        margin: .4rem auto 0;
    }
    .view_more div {
        font-size: .24rem;
    }
    .home-product li {
        width: 100%;
    }
    .introduce {
        width: 100%;
        padding: .5rem .2rem;
        height: auto;
        position: initial;
    }
    .introduce h3 {
        font-size: .5rem;
        line-height: 1rem;
        margin-bottom: .2rem;
    }
    .introduce p {
        font-size: .24rem;
        line-height: .48rem;
    }
    .home-product li:first-child a {
        padding: 0;
        position:absolute;
        top:73%;
        left:85%;
        transform:translate(-50%,-50%);
    }
    .introduce a, .home-news>a {
        font-size: .24rem;
        margin: 0.4rem auto 0;
    }
    .home-news {
        width: 100%;
        height: auto;
        padding: .5rem .2rem;
        position: initial;
    }
    .home-news h3,.home-school-title {
        font-size: .5rem;
        line-height: 1rem;
        margin-bottom: .3rem;
    }
    .home-news-cont li {
        width: 50%;
        padding: 0 .1rem .2rem;
    }
    .home-news-cont {
        margin: 0 -.1rem;
    }
    .time,.home-news-dase {
        font-size: .24rem;
        line-height: .48rem;
    }
    .home-cont {
        height: auto;
    }
    .home-school {
        padding: .5rem .2rem;
    }
    .home-school-cont {
        display: block;
    }
    .home-school-view {
        width: 100%;
    }
    .home-school-btn {
        right: 0;
        top: 50%;
    }
    .home-school-list {
        width: 100%;
        padding: .3rem 0 0;
    }
    .home-school-list h4,
    .footer-pack h5,
    .weima p {
        font-size: .3rem;
        line-height: .6rem;
    }
    .home-school-list p,.home-school-list div,
    .footer-pack li a,
    .copyright {
        font-size: .24rem;
        line-height: .48rem;
    }
    .footer-nav {
        display: none;
    }
        .footer-nav:last-child,
        .footer-nav:nth-child(6) {
            display: block;
            width: 100%;
        }
    .footer-cont {
        padding: .5rem .2rem .27rem;
    }
    .footer-pack {
        width: 60%;
        flex-wrap:wrap;
    }
    .weima {
        width: 40%;
        text-align: center;
        padding-left: .3rem;
    }
    .weima img {
        margin: auto;
        width: 1.5rem;
        height: 1.5rem;
    }
    .footer-nav li img {
        margin-top: .12rem;
        width:11px !important;
        height:14px !important;
    }
    .footer-nav li:nth-child(2) img {
        margin-top: .13rem;
        width:12px;
        height:12px;
    }
    .public-header {
        position: relative;
        background: #333;
        padding:0;
        height: 60px;
    }
    .public-logo {
        height: 100%;
        padding:.2rem;
    }
    .public-logo img {
        max-height: 100%;
        object-fit: cover;
    }
    .banner-nav {
        bottom: .5rem;
        left: 0;
        padding: 0 .2rem;
        width: 100%;
    }
    .banner-nav h2 {
        font-size: .5rem;
        line-height: .1rem;
    }
    .banner-nav ul{
        width: 100%;
    }
    .banner-nav a{
        font-size: .26rem;
        line-height: .52rem;
    }
    .public-pack{
        height: 60px;
    }
    .use-cont{
        padding: .5rem .2rem;
    }
    .use-cont-pack {
        flex-direction: column;
    }
    .use-page-right-cont {
        width: 100%;
        padding: 0;
        margin-top:.5rem;
    }
    .use-right-cont h4{
        font-size: .3rem;
        line-height: 0.6rem;
    }
    .list-introduce p{
        font-size: .24rem;
        line-height: .48rem;
    }
    .use-right-cont a ,
    .use-page-cont a{
        width: 2rem;
        line-height: .6rem;
        height: .6rem;
        font-size: .24rem;
    }
    .use-page-cont{
        width: 100%;
    }
    .use-banner .products{
        flex-wrap: wrap;
        width: 100%;
    }
    .use-banner .news{
        width: 100%;
    }
    .news-cont{
        padding: .5rem .2rem;
    }
    .news-cont ul li a{
        display: block;
    }
    .news-img{
        width: 100%;
    }
    .news-list-cont{
        width: 100%;
        padding: .2rem;
    }
    .news-list-cont h4{
        font-size: .3rem;
        line-height: .6rem;    
    }
    .news-time ,
    .news-dase{
        font-size: .24rem;
        line-height: .48rem;
    }
    .news-btn{
        width: 2rem;
        height: .6rem;
        line-height: .6rem;
        font-size: .24rem;
    }
    .products2-cont {
        padding: .5rem .2rem;
    }
    .products2-title{
        margin-bottom: .3rem;
    }
    .pro-view li{
        width: 50%;
        padding: 0  .1rem .2rem;
        margin: 0;
    }
    .pro-view {
        margin: 0 -.1rem;
    }
    .pro2-cont{
        padding: 0 .2rem .5rem;
    }
    .pro-view li a p {
        font-size: .24rem;
        line-height: .48rem;
    }
    .pro2-pack>a{
        margin: .3rem auto 0;
    }
    .use-banner .prodetail{
        width: 100%;
        flex-wrap: wrap;
    }
    .productdetail-cont{
        padding: .5rem .2rem 0 ;
    }
    .prodetail-pack{
        flex-direction: column;
    }
    .productdetail-left{
        width: 100%;
    }
    .pro-btn{
        font-size: .24rem;
        height: .6rem;
        line-height: .6rem;
    }
    .pro-bottom{
        padding: .5rem .2rem;
    }
    .prodetail-bot li{
        width: 100%;
        margin-bottom: .2rem;
        padding: 0;
    }
    .prodetail-bot li a h5{
        font-size: .3rem;
        line-height: .6rem;
    }
    .prode-dase{
        font-size: .24rem;
        line-height: .48rem;
    }
    .prode-btn{
        width: 2rem;
        height: .6rem;
        line-height: .6rem;
        font-size: .24rem;
    }
    .prodetail-bot li a{
        padding: .3rem;
    }
    .prodetail-bot{
        margin: 0;
    }
    .pro-img2{
        width: 100%;
    }
    .use-banner .intro{
        width: 100%;
        flex-wrap: wrap;
    }
    .intro-img{
        width: 100%;
    }
    .intro-cont{
        padding: .5rem .2rem;
    }
    .intro-cont2{
        padding: .5rem .2rem;
    }
    .intro-cont3{
        padding: .5rem .2rem;
    }
    .intro-cont3-img ul{
        width: 100%;
    }
    .intro-cont3-img-cont h6,
    .intro-cont4-pack ul li a h6{
        font-size: .3rem;
        line-height: .6rem;
    }
    .intro-cont3-img-cont p,
    .intro-cont4-dase{
        font-size: .24rem;
        line-height: .48rem;
    }
    .intro-cont3-img-cont{
        width: 100%;
    }
    .intro-cont4{
        padding: .5rem 0;
    }
    .intro-cont4-pack ul li{
        width: 100%;
        padding: 0;
        margin-bottom: .2rem;
    }
    .intro-cont4-pack ul{
        margin: 0;
        padding: 0 .2rem;
    }
    .intro-cont4-pack h4{
        margin-bottom: .4rem;
    }

 

        .intro-cont5 h3 {
            margin-bottom: .3rem;
        }
    .intro-cont5{
        padding: 0 .2rem .5rem;
    }
    .message .message-a {
        display: block;
    }
        .message .message-a div {
            font-size: .16rem;
            width: 100%;
     
        }
            .message .message-a div span, .message .message-b span {
                display: block;
                width: 80px;
                text-align: right;
            }
    .message textarea {
        width: calc(100% - 90px);
    }
    .message input {
        width: calc(100% - 90px);
    }
    .mess-btn{
        width: 2rem;
        height: .6rem;
        line-height: .6rem;
        margin: .3rem auto 0;
    }
    .tablebar li{
        width: 100%;
        margin-bottom: .2rem;
        padding: 0;
    }
    .tablebar {
        margin: 0;
    }
    .products-cont2{
        padding: .5rem .2rem;
    }
    .pro-cont2-title h3{
        font-size: .35rem;
        line-height: .7rem;
    }
    .pro-cont2-title p{
        font-size: .3rem;
        line-height: .6rem;
    }
    .tab1 span{
        font-size: .24rem;
        text-align:center;
    }
    .tab2 p{
        font-size: .24rem;
    }
    .copyright {
        width: 100%;
        padding: 0 .2rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .video .n-video{
        width: 80%;
        height: 4rem;
    }
    .langage2 ul {
        width: 3rem;
        right: 0;
    }
    .langage2 ul a {
        font-size: .26rem;
        line-height: .52rem;
    }
    .products-cont-img {
        width: 100%;
    }
    .products-cont {
        padding: .5rem .2rem 0;
    }
    .arrow-lefts, .arrow-rights {
        display:none;
    }
    .two-navlist-title {
        display: none;
    }
    .w-nav > li .two-navlist {
        position:initial;
        top:0;
        left:0;
        transform:none;
        width:100%;
        padding:0 .1rem;
        background:none !important;
    }
    .two-navlist-pack {
        display:block;
    }
    .w-nav > li .two-navlist ul::before,
    .w-nav > li .two-navlist ul::after {
        display: none;
    }
    .w-nav > li .two-navlist ul {
        width:100%;
        display:block;
    }
        .w-nav > li .two-navlist ul li {
            width:100%;
        }
    .w-nav > li ul a {
        color:#333;
    }
    .products-cont-img table tr:nth-child(1) th,
    .products-cont-img table tr td {
        font-size: .26rem;
    }
    .intro-cont4-pack ul li a img {
        height:auto;
    }
    .intro-cont3-img li:hover .intro-cont3-img-cont > div {
        width:100%;
        padding:.5rem;
    }
    .intro-cont3-img ul:first-child li {
        height: auto;
    }

        .intro-cont3-img ul:first-child li:nth-child(2) {
            height: auto;
        }
    .pro-cont2-pack {
        display:block;
    }
    .pro-cont2 {
        padding:.5rem .2rem;
    }
    .pro-cont2-pack > div {
        width:100%;
        height:auto;
        margin-bottom:.4rem;
    }
    .high-end-cont li a p {
        font-size:.26rem;
        line-height:.52rem;
    }
    .high-end-cont li a span {
        line-height:.55rem;
        height:.55rem;
        font-size:.3rem;
        margin-top:.25rem;
    }
    .jingj2 li {
        width:45%;
    }
    .jingj2 {
        width:100%;
    }
    .bx-fs20 {
        font-size:20px !important;
    }
    /*.footer-flex{
        display:block
    }*/
    .intro-cont-text p {
        font-size:.26rem;
        line-height:.52rem;
    }
    .top-cont p {
        font-size:.26rem;
        line-height:.3rem;
    }
    .top-title{
        width:100%;
        font-size:.4rem;
    }
    .home-use-list-cont {
        display:none;
    }
}