*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
body {
    font-family:'楷体,kaiTi,serif';
}
i {
    font-style:normal;
}
#en{
    display:none
}
b,
h5,
h6 {
    font-weight: 400;
}

.banner {
    width:100%;
}
.banner img {
    width:100%;
}
.bx-head {
/*    position:fixed;
    top:0;
    left:0;*/
    width:100%;
    z-index:999;
    transition:all .3s;
}

    .bx-head.active {
        background-color:#fff;
    }

    .containerRem {
        margin: 0 auto;
        width: 14.05rem;
        padding: 0;
    }

.bx-index-top01 {
    height: 1rem;
    line-height: 1rem;
}

    .bx-index-top01 .bx-logo {
        max-height: 1rem;
    }

        .bx-index-top01 .bx-logo img {
            max-height: 0.8rem;
        }

    .bx-index-top01 .bx-nav ul li {
        line-height: 1rem;
        font-size:.24rem;
        background-color: transparent;
    }

        .bx-index-top01 .bx-nav ul li a {
            padding:0 .35rem;
            color: #333;
            width: auto;
        }

            .bx-index-top01 .bx-nav ul li a:hover,
            .bx-index-top01 .bx-nav ul li a.focus {
                color: #000;
                background-color: transparent;
                font-weight:bold;
            }

.bx-sideBar {
    right: -100%;
    top: 70%;
    transition: all 1s;
}

    .bx-sideBar.active {
        right: .1rem;
    }


    .bx-sideBar ul li {
        display: none;
        width: .4rem;
        height: .4rem;
        font-size: .18rem;
        line-height: .45rem;
        background-color: #a07845;
    }

        .bx-sideBar ul li#returnTop {
            display:block;
            border-radius:.05rem 0 0 .05rem;
        }
        .bx-sideBar ul li:hover {
            background-color: #333;
        }

.bx-index-footer10 {
    background-color: #e8e5e2;
    padding: 0;
}

.bx-footer10-item {
    padding: .65rem 0 .7rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .bx-footer10-item .bx-footer10-tetx {
        display:flex;
        align-items:center
    }

    .bx-footer10-item .bx-footer10-tetx-right {
        margin-left:1.55rem;
    }
    .bd{
        min-height:400px;
    }
.bx-footer10-tetx-left {
    width:2.5rem;
}

.bx-footer10-tetx-left img {
    width:100%;
}

.bx-footer10-tetx-right ul li {
    margin-bottom: .15rem;
    display: flex;
    align-items: flex-start;
    align-items: baseline;
}
    .bx-footer10-tetx-right ul li:last-child {
        margin-bottom: 0;
    }

    .bx-footer10-tetx-right ul li .iconac {
        color: #000;
        font-size: 14px;
    }

.bx-footer10-tetx-right p {
    color: #000;
    font-size: 14px;
}

.bx-footer10-tetx-right .iconac i {
    margin-right: .1rem;
}








.bx-footer10-tetx-bottom {
    margin-top: 0;
}

    .bx-footer10-tetx-bottom .bx-footer10-tetx-img {
        width: 1.52rem;
        height:1.52rem;
        margin: 0;
        font-size: 14px;
        color: #999;
    }

        .bx-footer10-tetx-bottom .bx-footer10-tetx-img img {
            margin-bottom: .1rem;
        }

.bx-footer10-tetx {
    margin-top: 0;
}

footer .yj-Copyright {
    background-color: rgba(26,26,26,.4);
    padding: .1rem 0;
}

    footer .yj-Copyright p {
        text-align: center;
        font-size:14px;
        color: #cccccc
    }

.modular {
    padding:50px 0;
    position:relative;
}

.footer_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.index_about {
    display:flex;
    align-items:center
}

    .index_about .index_about_left {
        width: 35%;
        position:relative;
        text-align:right;
    }

    .index_about .index_about_right {
        width: calc(100% - 35%);
        padding:0 0 0 0.5rem;
    }

    .index_about .index_about_left img {
        width:100%;
    }

/*    .index_about .index_about_left:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 1.6rem;
        height: 2.55rem;
        background: url('../images/img/组 38@2x(1).png') no-repeat center;
        background-size:100% 100%;
    }*/

.index_about_right {
    display:flex;
    align-items:center;
    flex-direction:column;
    justify-content:center;
}


.title_a {
    width:100%;
    text-align:left;
    position:relative;
}
.title_a h5 {
    padding-left:1.55rem;
    padding-bottom:.13rem;
    font-size: .3rem;
    color: #333333;
    font-weight: 400;
}

    .title_a::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 3.1rem;
        height:.5rem;
        background: url('../images/img/p：：图层 3@2x.png') no-repeat bottom left;
        background-size:100% 100%;
  
    }

.index_about_right h6 {
    margin:.1rem 0 .3rem;
    font-size: 28px;
    color: #333;
    width:100%;
    text-align:left;
    font-weight:bold;
    display:none
}


.index_about_right p {

    font-size: 18px;
    color: #333;
    text-align:justify;
}

.more {
    width:100%;
    text-align:left;
}

    .more span {
        display: inline-block;
        width: 1.7rem;
        height: .48rem;
        font-size: .16rem;
        color: #fff;
        background: url('../images/img/aback.png')no-repeat center;
        background-size: cover;
        text-align: center;
        line-height: .4rem;
        cursor: pointer;
    }

.index_title {
    width:100%;
    text-align:center;
}

    .index_title h4 {
        margin:0 auto;
        font-size: .3rem;
        color: #333333;
        position:relative;
        width:4.4rem;
        height:.48rem;
    }

    .index_title h4 img{
        position:absolute;
        top:0;
        left:0;
    }

    .margin-top {
        margin-top:.5rem;
    }

.index_product_box  ul li{
    width:25%;
    float:left;

}

.index_product_box ul li a{
    display:block;
    position:relative;
}

    .index_product_box ul li a .index_product_img {
        width:100%;
        height:6.6rem;
    }

    .index_product_box ul li a .index_product_img img {
        width:100%;
        height:100%;
    }

.index_bg {
    opacity:0;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(160,120,69,.8);
    transition:all .3s;
}

.index_product_box ul li a .index_product_text {
    padding:0 0.5rem;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    position:absolute;
    top:0;
    height:100%;
    width:100%;
}

.index_product_text h4 {
    font-size:.24rem;
    color:#fff;
}

.index_product_text i {
    position:relative;
    display:inline-block;
    width:100%;
    height:.42rem;
    transition:all .3s;
    
}

    .index_product_text i::before {
        content: '';
        position: absolute;
        top: .1rem;
        left: 50%;
        transform:translate(-50%,-50%);
        width: .5rem;
        height: 0.02rem;
        background-color: #fff;
        transition: all .3s;
    }

    .index_product_text p {
        font-size: .16rem;
        color: #fff;
        text-align: center;
    }
.more.bai {
    text-align: center;
}

    .more.bai span {
        background: url('../images/img/图层 4.png') no-repeat center;
        color: #a07845;
    }
    .index_product_text .more {
        opacity: 0;
        transition:all .3s;
    }

.index_product_box ul li:hover .index_bg {
    opacity:1;
}

.index_product_box ul li:hover i {
    height:.96rem;
}
    .index_product_box ul li:hover i::before {
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%) rotate(90deg);
    }
.index_product_box ul li:hover p {
    height: 1rem;
    -webkit-line-clamp: 4;
}

.index_product_box ul li:hover .index_product_text .more {
    opacity:1;
}
.modular.product {
    padding:.9rem 0 0 ;
}

.index_title.bai h4 {
    color:#fff;
}

.index_center {
    overflow:hidden;
    position:relative;
}

    .index_center .swiper-slide a {
        display: flex;
        background-color: rgba(255,255,255,.9);
    }

        .index_center .swiper-slide a .index_center_img {
            width:64.05%;
        }

            .index_center .swiper-slide a .index_center_text {
                width:calc(100% - 64.05%);
                padding:0 .5rem 0 .4rem;
                display:flex;
               flex-direction:column;
               justify-content:center;
            }

.index_center_text h5 {
    margin-bottom:.4rem;
    font-size: .24rem;
    color: #a07845;
}

.index_center_text p {
    font-size: .16rem;
    color: #666666;
    margin-bottom:.2rem;
}




.index_center .swiper-button-next.swiper-button-disabled,
.index_center .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    background-color: rgba(0,0,0,0);
}

    .index_center .swiper-button-next.swiper-button-disabled i,
    .index_center .swiper-button-prev.swiper-button-disabled i {
        opacity:.35;
    }

.index_center .swiper-button-prev,
.index_center .swiper-container-rtl .swiper-button-next {
    background-image: none;
    left: 0;
}

.index_center .swiper-button-next,
.index_center .swiper-container-rtl .swiper-button-prev {
    background-image: none;
    right: 35.943%;
}

.index_center .swiper-button-next,
.index_center .swiper-button-prev {
    text-align:center;
    line-height:2.3rem;
    width: .8rem;
    height: 2.3rem;
    margin-top: -1.15rem;
    background-size: .8rem 2.3rem;
    background-color: rgba(0,0,0,0);
    transition:all .3s;
}

    .index_center .swiper-button-next:hover,
    .index_center .swiper-button-prev:hover {
        background-color: rgba(0,0,0,.5);
    }

    .index_center .swiper-button-next i,
    .index_center .swiper-button-prev i {
        display: inline-block;
        width: .21rem;
        height: .38rem;
        background-size: .21rem .38rem;
    }

    .index_center .swiper-button-prev i,
    .index_center .swiper-container-rtl .swiper-button-next i {
        background-image: url('../images/img/jt1@2x.png');
    }


    .index_center .swiper-button-next i,
    .index_center .swiper-container-rtl .swiper-button-prev i {
        background-image: url('../images/img/jt@2x.png');
    }

.index_news_box {
    display:flex;
}

    .index_news_box .index_news_left {
        width:48.4%;
        overflow:hidden;
    }
        
        .index_news_box .index_news_right {
            width:calc(100% - 48.4%);
           padding:0 .35rem 0 .2rem;
           display:flex;
           align-items:center;
    }

.index_news_left .index_news_hot_img {
    width:100%;
    height:3.3rem;
}

.index_news_left .index_news_hot_img img {
    height:100%;
}

.index_news_left .index_news_hot_text {
    padding:.2rem .2rem .3rem;
    background-color:rgba(160,120,69,.5);
    color:#fff;
}

.index_news_left .index_news_hot_text h5 {
    font-size:.18rem;
}

.index_news_left .index_news_hot_text p {
    font-size:.14rem;
}

.index_news_left .index_hot_more {
   font-size:.14rem;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.index_news_tj ul li {
    margin-bottom:.22rem;
}

    .index_news_tj ul li a {
        display:flex;
        width:100%;
    }

    .index_news_tj ul li .index_news_tj_time {
        width: 12.68%;
        border-right: 1px solid #cccccc;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        color: #999999;
        transition:all .3s;
    }

.index_news_tj_time p {
    font-size: .4rem;
    font-weight: bold;
    font-family: Impact;
    line-height:1.2;
}

.index_news_tj_time span {
    font-size:.14rem;
}

.index_news_tj ul li .index_news_tj_text {
    width: calc(100% - 12.68%);
    padding-left: .22rem;
}

.index_news_tj_text h6 {
    font-size: .16rem;
    color: #333333;
    margin-bottom: .05rem;
    transition: all .3s;
}

.index_news_tj_text p {
    font-size:.14rem;
    color:#666;
}

.index_news_tj ul li:hover .index_news_tj_time,
.index_news_tj ul li:hover h6{
    color: #a07845;
}
.index_news_tj ul li:last-child {
    margin-bottom:0;
}

.bx-mb-nav {
    margin:.3rem auto .1rem;
    line-height: 1;
    font-size: .16rem;
}

.bx-mb-nav p {
    line-height: 1;
}

.bx-mb-nav p i {
    color: #a07845;
}

.bx-mb-nav p a:hover {
    color: #a07845;
}

.ny_modular {
    padding:.5rem 0 .6rem;
    position:relative;  
}
/*==========联系我们=============*/
.ContactUs_top {
    display: flex;
    align-items: center;
}

.ContactUs_top .ContactUs_top_right {
    width: 25%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

    .ContactUs_top .ContactUs_top_right .ContactUs_code img {
        max-height: 1.5rem;
        max-width: 1.5rem;
    }

    .ContactUs_top .ContactUs_top_right .ContactUs_code p {
        font-size: .14rem;
        color: #cccccc;
        text-align: center;
    }

.ContactUs_top .ContactUs_top_left {
    width: calc(100% - 25%);
}

.ContactUs_top_left_xinxi ul li {
    margin-bottom: .3rem;
    display: flex;
}

    .ContactUs_top_left_xinxi ul li:first-child p {
        width: 100%;
    }

        .ContactUs_top_left_xinxi ul li:first-child p b {
            display: inline-block;
            float: left;
            width: 100%;
            text-align: left;
            font-size:18px;
 
        }
.ContactUs{
    padding:0 18%
}

.ContactUs_top_left_xinxi ul li i {
    font-size: .22rem;
    color: #a07845;
    margin-right: .2rem;
    line-height: .35rem;
}

    .ContactUs_top_left_xinxi ul li p b {
        font-size: 18px;
      color: #666666;
    }

.ContactUs_bottom {
    margin-top: .6rem;
    position: relative;
}

    .ContactUs_bottom .ContactUs_bottom_map {
        display: inline-block;
    }

    .ContactUs_bottom .ContactUs_bottom_map {
        width: 100%;
        min-height: 4.7rem;
    }

iframe {
    width:100%;
}

/*==========联系我们=============*/
.bi-tuid{
/*    background:url(../images/img6.png) no-repeat center;*/
    background-size:cover;
}
.Store ul {
    display: flex;
    flex-wrap: wrap
}

.Store ul li {
    width:33.3%;
    margin-bottom:40px
}
.Store ul li:nth-child(1){
    width:100%;
} 
.Store ul li a{
    width:240px;
    display:block;
    margin:0 auto;
    height:100%
}

    .Store ul li .Store_img {
        width: 100%;
        text-align:center;
    }
    .Store ul li a .text{
        font-size:18px;
        color:#333;
        padding-top:10px;
        text-align:center;
    }

    .Store ul li .Store_img img {
        max-width: 100%
    }


.tc-tuidui{
    display:none;
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:10
}
 .tc-tuidui .tc-bj{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:#00000080;
    z-index:1;
}
.tc-tuidui-div{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    height:580px;
    overflow:auto;
    width:1000px;
    background-color:#fff;
    border-radius:10px;
    z-index:8
}
.tc-tuidui-div .hide-x{
    position:absolute;
    right:15px;
    top:15px;
    cursor:pointer
}
.tc-tuidui-div .te-tet {
    padding: 40px
}
    .tc-tuidui-div .te-tet h3 {
        font-size:24px;
        color:#000;
        font-weight:bold;
        margin-bottom:30px
    }

.hade-tet {
    display: none
}



.News_top {
    position: absolute;
    top: -.56rem;
    left: 50%;
    transform: translate(-50%,-100%);
    width: 14rem;
}

.News_top ul li {
    float:left;
    width:33.33%;
}

    .News_top ul li a {
        display:block;
        width:100%;
        line-height:1rem;
        background-color:rgba(0,0,0,.5);
        text-align:center;
        font-size:.24rem;
        color:#fff;
        transition:all .3s;
    }

        .News_top ul li a:hover,
        .News_top ul li.active a{
            background-color: rgba(160,120,69,.5);
        }
.webdiyerCss .redcss, .webdiyerCss .page_go {
    font-weight: bold;
    background: #a07845;
    border: 1px solid #a07845;
    color: #fff;
    border-radius: 3px;
}
.News-active {
    background-color: rgba(160,120,69,.5)!important;
}
.News_bottom ul li {
    width:100%;
    margin-bottom:.2rem;
}

.News_bottom ul li a {
    display:flex;
}

    .News_bottom ul li .News_bottom_left {
        width:23.5%;
    }
        .News_bottom ul li .News_bottom_left img {
            width: 100%;
        }

    .News_bottom ul li .News_bottom_right {
        width: calc(100% - 23.5%); 
        display:flex;
        align-items:center;
        padding:.3rem 0;
    }
.ConText{
    padding:3% 0;
    text-indent:2em;
}
.ConText p{
    font-size: 16px;
    color: #333;
    line-height: 32px;
    margin-bottom:2%;
}
.News_bottom_right .news_tj_time {
    width: 12.14%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #999999;
    color: #999999;
    transition: all .3s;
}

.news_tj_time p {
    font-size:.47rem;
    font-weight:bold;
    line-height:1;
}
.news_tj_time span {
    font-size:.18rem;
}
.News_bottom_right .news_tj_text {
    width: calc(100% - 12.14%);
    padding: 0 .4rem;
    height:100%;
}

.news_tj_text h6 {
    font-size: .18rem;
    color: #333333;
    transition:all .3s;
}

.news_tj_text p {
    margin:.2rem 0;
    font-size: .16rem;
    color: #666666;
}

.news_tj_text .more span {
    background: url(../images/img/abacka.png)no-repeat center;
    background-size: 100% auto;
}

.News_bottom ul li:hover .news_tj_text .more span {
    background: url('../images/img/aback.png')no-repeat center;
    background-size: contain;
}

.News_bottom ul li:hover .News_bottom_right .news_tj_time {
    border-right: 1px solid #a07845;
    color: #a07845;
}

.News_bottom ul li:hover .news_tj_text h6 {
    color: #a07845;
}

.News_bottom ul li:hover  a{
    background-color:#fafafa;
}

.index_title h6 {
    font-size: .24rem;
    color: #333;
    margin-top:.45rem; 
    font-weight:bold
}

.about_honor ul {
    margin:0 -.1rem;
}

.about_honor ul li {
    padding:0 .1rem;
    float:left;
    width:20%;
    margin-bottom:.25rem;

}

    .about_honor ul li .about_honor_img {
        width:100%;
        height:3.5rem;
    }

    .about_honor ul li .about_honor_img img {
        height:100%;
    }

    .about_honor ul li .about_honor_text {
        padding:.2rem .1rem;
    }

        .about_honor ul li .about_honor_text h5 {
            font-size: .14rem;
            color: #666666;
            text-align:center;
        }

/*===================================*/

.Company_noe ul li {
    margin-bottom: .3rem;
    width: 100%;
}

.Company_noe ul li a {
    position: relative;
    display: block;
}

.Company_noe ul li .Company_noe_img {
    width: 57%;
    height: 4.5rem;
}

    .Company_noe ul li .Company_noe_img img {
        height: 100%;
    }

    .Company_noe ul li .Company_noe_text {
        padding: .5rem .7rem .3rem .5rem;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        width: 7rem;
        background-color: #f7f7f7;
        transition: all .3s;
    }

    .Company_noe ul li .Company_noe_text h5 {
        position: relative;
        padding-bottom: .2rem;
        margin-bottom: .5rem;
        font-size: .24rem;
        color: #333;
    }

        .Company_noe ul li .Company_noe_text h5::before {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            width: .3rem;
            height: .02rem;
            background-color: #666666;
        }

    .Company_noe ul li .Company_noe_text p {
        font-size: .16rem;
        color: #666;
        line-height: .36rem;
        height: 1.75rem;
        -webkit-line-clamp: 5;
        text-align: justify;
    }


    .Company_noe ul li:hover .Company_noe_text h5{
        color: #a07845;
    }

.Company_noe ul li:nth-child(even) .Company_noe_text {
    right: auto;
    left: 0;
}

.Company_noe ul li:nth-child(even) .Company_noe_img {
    margin-right: 0;
    margin-left: auto;
}

/*===================================*/

.Screen {
    position:relative;
    width:100%;
    padding:50px 0
 /*   height:100vh;*/
}

.sec_public {
   /* position: absolute;*/
}

.sec_one {
/*    width:50%;
    top:.9rem;
    left:50%;
    transform:translateX(-50%);*/
}

    .sec_public h5 {
        margin-bottom: 40px;
        font-size: 24px;
    }

    .sec_public p {
        font-size: .24rem;
        line-height:.5rem
    }

    .sec_one h5 {
        color: #333333;
        text-align: center;
    }

    .sec_one p {
        color: #666666;
        text-align:center;
    }

.sec_two {
/*    width: 40%;
    top:50%;
    left: 13.54%;
    transform: translateY(-50%);*/
}

.sec_two h5 {
    color:#333;
    font-weight:bold
}

.sec_two  p {
   color:#333;
}

.sec_three {
    width: 36.45%;
    top: 2rem;
    right: 13.54%;
    text-align: left;
}

.sec_three h5 {
    color:#333;
}

.sec_three p {
    color:#666;
}

.sec_four {
  /*  width:41.66%;
    top:1rem;
    left:50%;
    transform:translateX(-50%);*/
}

.sec_four h5 {
    text-align:center;
    color:#333;
}

    .sec_four p {
        text-align:center;
        color:#666;
    }

.sec_four .more {
    text-align:center;
}

    .sec_four .more a {
        margin-top:.5rem;
        display: inline-block;
        width: 1.7rem;
        height: .48rem;
        font-size: .16rem;
        color: #fff;
        background: url('../images/img/aback.png')no-repeat center;
        background-size: cover;
        text-align: center;
        line-height: .4rem;
        cursor: pointer;
    }

        .sec_four .more a:hover {
            background: url('../images/img/abacka.png')no-repeat center;
        }

/*=========================*/

.cover {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50% ,-50%);
    width:10rem;
    height:5.6rem;
}



    .cover .fragment {
        width: 100%;
        height: 100%;
        z-index: 999;
    }



        .cover .fragment video {
            width: 100%;
            height:100%;
        }

.play {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

    .play::before {
        opacity: 1;
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: .75rem;
        height: .75rem;
        background: url('../images/img/play.png') no-repeat center;
        background-size: cover;
        transition: all .3s;
    }

/*=========================*/


.lz-yuy {
    position:relative;
    float:right;
    font-size: 14px;
    color: #333;
    display:flex;
    align-items:center;
    cursor:pointer;
    padding:10px 0; 
    
}
.lz-yuy i{
    display:inline-block;
    width:15px;
    height:15px;
    background:url(../images/icon-x.png) no-repeat center;
    background-size:12px;
    margin-left:5px;

}
.lz-yuy .yy-yuena{
    position:absolute;
    background:#fff;
    padding:10px;
    left:50%;
    margin-left:-50px;
    top:32px;
    z-index:10;
    border-radius:2px;
    display:none;
    width:100px;
}
.lz-yuy .yy-yuena a{
    display:block;
   font-size:14px;
   text-align:center;
   line-height:25px;
}
.lz-yuy:hover .yy-yuena{
    display:block;
}