﻿

.tr_th_images > th > img {
    height: 60px;
}
.slide {
    display: none;
}
.slide {
    display: none;
}
.table_td {
    font-size: 45px;
    color: #006b3e;
    padding-bottom: 50px;
    padding-left: 10px;
}
.carousel {
    width: 100%;
    /* max-width: 1920px; */
    height: 800px;
    margin: 0 auto;
    position: relative;
}

    .carousel > ul {
        height: 100%;
        position: relative;
    }

    .carousel .carousel-item {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        display: none;
        z-index: 10;
    }

    .carousel .carousel-item-active {
        z-index: 11;
        display: block;
        -ms-animation: carousel 1s ease-in;
        -webkit-animation: carousel 1s ease-in;
        animation: carousel 1s ease-in;
    }

@keyframes carousel {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.carousel-item > a {
    width: 100%;
    height: 100%;
    /* display: block; */
}

.carousel-item img {
    width: 100% !important;
    height: 100%;
    display: block;
    -webkit-object-fit: cover;
    object-fit: cover;
}

/* .carousel-btns { */
/*     position: absolute; */
/*     width: 100%; */
/*     height: 100%; */
/*     left: 0; */
/*     top: 0; */
/*     display: flex; */
/*     justify-content: space-between; */
/*     align-items: center; */
/*     z-index: 2; */
/* } */

/* .carousel-btns .carousel-btns-left, */
/* .carousel-btns .carousel-btns-right { */
/*     width: 160px; */
/*     height: 100%; */
/*     display: flex; */
/*     justify-content: center; */
/*     align-items: center; */
/*     z-index: 20; */
/* } */

.carousel .carousel-btns-left {
    position: absolute;
    width: 160px;
    height: 70px;
    left: 0;
    top: 50%;
    z-index: 15;
    display: flex;
    justify-content: center;
    align-items: center;
}

.carousel .carousel-btns-right {
    position: absolute;
    width: 160px;
    height: 70px;
    right: 0;
    top: 50%;
    z-index: 15;
    display: flex;
    justify-content: center;
    align-items: center;
}

.carousel-btns-left > img,
.carousel-btns-right > img {
    display: block;
    /* width: 60px; */
    /* height: 60px; */
    cursor: pointer;
}

.carousel-point {
    position: absolute;
    width: 100%;
    height: 80px;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 12;
}

    .carousel-point .carousel-point-item {
        width: 16px;
        height: 16px;
        margin: 5px;
        background: url(/images/point-pink.png) no-repeat center;
        cursor: pointer;
    }

    .carousel-point .carousel-point-item-active {
        width: 22px;
        height: 22px;
        margin: 5px;
        background: url(/images/point-op.png) no-repeat center;
    }

.special-desc {
    width: 100%;
    height: 480px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*  margin-bottom: -30px;*/
    background-color: #ffffff;
    padding-bottom: 7%;
}

    .special-desc p {
        font-size: 28px;
        margin-bottom: 10px;
        letter-spacing: 0.1em;
    }

    .special-desc > p > span {
        color: #f59ca8;
        font-style: normal;
    }

    .special-desc > div {
   /*     letter-spacing: 1.5em;
        margin-right: -1em;
        text-transform: uppercase;
        font-family: Arial;
        font-size: 10px;
        -webkit-transform: scale(0.8);*/
    }

.recomend-goods {
    width: 1200px;
    margin: 0 auto;
}

    .recomend-goods .recomend-goods-item {
        width: 100%;
        display: flex;
        flex-direction: row;
        margin: 40px 0;
    }

.recomend-goods-reverser-item {
    flex-direction: row-reverse !important;
}

.recomend-goods-item .recomend-goods-item-left {
    width: 840px;
    height: 650px;
}

.recomend-goods-item-left .recomend-goods-item-left-ul {
    width: 100%;
    height: 100%;
    position: relative;
}

.recomend-goods-item-left-ul .recomend-goods-item-left-ul-normal {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}

.recomend-goods-item-left-ul-normal img {
    display: block;
    height: 650px;
}

.recomend-goods-item-left-ul-normal-active {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.recomend-goods-item-left-ul-down {
    position: absolute;
    width: 100%;
    height: 68px;
    bottom: 0;
    left: 0;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    background-color: rgba(0, 0, 0, 0.4);
}

.check-more {
    text-decoration: none;
    color: inherit;
    padding: 10px 15px;
    font-size: 12px;
    font-size: 12px;
    border: 1px #c8c8c8 solid;
}

    .check-more:hover {
        color: #ed808f !important;
    }

.recomend-goods-item .recomend-goods-item-right {
    width: 360px;
}

.recomend-goods-item-right-item {
    height: 325px;
    display: flex;
    align-items: center;
    background-color: #f1e8e0;
}

.recomend-goods-item-right-reverse-item {
    height: 325px;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    background-color: white;
}

.recomend-goods-item-right-img {
    display: block;
    width: 160px;
    height: 230px;
}

.recomend-goods-item-right-item-desc-title {
    margin-left: -8px !important;
    font-size: 18px;
    font-weight: normal;
    margin: 20px 0;
}

.recomend-goods-item-right-item-desc-short-title {
    font-size: 12px;
    font-weight: normal;
    margin: 20px 0 30px 0;
}

.recomend-goods-item-right-item-desc {
    margin-right: 12px !important;
    margin-left: 20px;
}

.news {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*        align-items: center;*/
    margin: 0 auto;
    background-color: #006b3e;
    flex-wrap: nowrap;
}

    .news p {
        font-size: 28px;
        margin-bottom: 10px;
        letter-spacing: 0.1em;
    }

    .news > p > span {
        color: #f59ca8;
        font-style: normal;
    }

    .news .news-desc {
        /* margin-right: -1em;*/
        font-family: Arial;
        font-size: 30px;
        margin-top: 50px;
        color: #ffffff;
        padding-bottom: 40px;
        padding-left: 117px;
    }

    .news .news-container {
        width: 100%;
        display: flex;
        flex-direction: row;
    }

.news-container .news-container-left {
    width: 600px;
    height: 490px;
    position: relative;
    padding-left: 120px;
}

.news-container-left .news-container-left-ul {
    width: 100%;
    height: 100%;
    position: relative;
}

.news-container-left-ul-item {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
}

.news-container-left-ul-item-active {
    display: block;
}

.news-container-left-ul-item-a {
    /* display: block;*/
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.news-container-left-ul-item-a-up {
    width: 690px;
    height: 548px;
    background-color: #006b3e;
}

    .news-container-left-ul-item-a-up img {
        display: block;
        width: 100%;
        max-height: 100%;
        border-radius: 15px 15px 0px 0px;
    }

.news-container-left-ul-item-a-down {
    position: absolute;
    height: 169px;
    width: 690px;
    left: 0;
    top: 524px;
    transition: all .5s ease-in;
    background-color: #fff;
    padding: 20px;
    font-size: 12px;
    border-radius: 0px 0px 15px 15px;
}

    .news-container-left-ul-item-a-down h3 {
        margin: 0px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #333;
        font-weight: bold;
        margin: 10px 0 15px 0;
        font-size: 108%;
    }

    .news-container-left-ul-item-a-down span {
        color: #999;
    }

    .news-container-left-ul-item-a-down:hover span {
        color: #e5e5e3;
    }

    .news-container-left-ul-item-a-down p {
        margin-top: 15px;
        font-size: 12px;
    }

.news-container-left-btn {
    position: absolute;
    top: 300px;
    left: 0;
    margin-left: 141px;
    cursor: pointer;
}

.news-container-right-btn {
    position: absolute;
    top: 300px;
    right: 0;
    margin-right: -190px;
    cursor: pointer;
}

.news-container .news-container-right {
    width: 900px;
    height: 700px;
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    margin-left: 226px;
    margin-bottom: 50px;
}

.news-container-right .news-container-right-item {
    width: 280px;
    height: 156px;
    margin-left: 20px;
}

.news-container-right-item a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .news-container-right-item a i {
        display: block;
        width: 280px;
        height: 90px;
    }


.news-container-right-item-desc {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 90px;
    background-color: white;
    color: #333;
    padding: 0 20px;
    transition: all .3s ease-in;
}

    .news-container-right-item-desc h3 {
        overflow: hidden;
        white-space: nowrap;
        font-size: 14px;
        color: #333;
        font-weight: bold;
        margin: 10px 0 10px 0;
        padding: 0 10px 0 0;
        text-overflow: ellipsis;
    }

    .news-container-right-item-desc p {
        margin-top: 8px;
        font-size: 12px;
        line-height: 22px;
        color: #333;
    }

    .news-container-right-item-desc span {
        color: #999;
    }

.news-container-right-item a:hover .news-container-right-item-desc {
    top: 0;
    background: #999;
}

.news-container-right-item a:hover h3, .news-container-right-item a:hover p {
    color: #fff;
}

.news-container-right-item-desc:hover span {
    color: #e5e5e3;
}












.about-us {
    width: 1200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 50px auto;
    /* margin-top: 50px; */
}

    .about-us p {
        font-size: 28px;
        margin-bottom: 10px;
        letter-spacing: 0.1em;
    }

    .about-us > p > span {
        color: #f59ca8;
        font-style: normal;
    }

    .about-us .about-us-desc {
        letter-spacing: 1.5em;
        margin-right: -1em;
        text-transform: uppercase;
        font-family: Arial;
        font-size: 10px;
        -webkit-transform: scale(0.8);
        margin-bottom: 50px;
    }

    .about-us .about-us-links {
        width: 100%;
        display: flex;
        flex-direction: row;
    }

.about-us-links a {
    display: block;
    width: 100%;
    /* height: 100%; */
}

    .about-us-links a img {
        display: block;
        width: 100%;
        height: 100%;
    }

.about-us-links .about-us-links-left {
    width: 830px;
    height: 530px;
    /* background-color: red; */
}

.about-us-links .about-us-links-right {
    width: 370px;
    height: 530px;
    /* background-color: red; */
}
