*{margin: 0;padding: 0;box-sizing: border-box;border-radius: 0;border: 0;outline: none;/* vertical-align: middle; */ font-family: 'Source Han Sans CN';}
ul,li,ol{list-style: none;}
a{text-decoration: none;color: #000;}
img{border: 0;}
table,th,td,tr{border-collapse:collapse;border: 1px solid #ddd;line-height: 1.5;padding: 10px;}
input,textarea,select,button{outline: none;resize: none;} input:focus,textarea:focus,select:focus,button:focus{outline: none;}
iframe,video{display: block;width: 100%;height: auto;border: 0;margin: 0 auto;}
html,body{width: 100%;position: relative;font-size: .16rem;color: #000;background-color: #fff;}
@media only screen and (min-width:1920px ) { html{font-size: 100px!important;}}
/* 思源宋体 */
@font-face {
    font-family:SourceHanSerifCN;
    src: url(../font/SourceHanSerifCN-Medium-6.otf);
}

:root{
    --font-family: 'SourceHanSerifCN';
}


/* ::-webkit-input-placeholder{color: #201f1d;}

::-moz-placeholder{color: #201f1d;}

:-moz-placeholder{color: #201f1d;} */



/*浮动*/

.f_le{float: left;}

.f_ri{float: right;}

/*清除浮动*/

.clearfix:after{content: "";display: block;height: 0;font-size: 0;clear: both;visibility: hidden;}



/*定位*/

.p_re{position: relative;}

.p_ab{position: absolute;}



/*弹性盒子*/

.flexbox{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;} /*横向弹性*/

.flexbox11{display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;} /*横向弹性*/

.flexbox22{display: -webkit-flex;display: flex;-webkit-justify-content: space-around;justify-content: space-around;} /*横向弹性*/

.flexbox_1{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-flex-wrap: wrap;height: 900px;} /*纵向弹性*/

.flexc{margin: auto auto;}

.flexwarp{flex-wrap: wrap;}  /*弹性盒子换行*/



/* 文字分栏 */

.column{column-width:300px;-moz-column-width:300px; /* Firefox */-webkit-column-width:300px; /* Safari and Chrome */

    column-count:; /* 列数 */

    column-gap:; /* 列间距 */

    column-rule:; /* 分隔线 */

}



/*字体超出隐藏*/

.txthide{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.txthide2{ display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp: 2;line-clamp: 2;text-overflow: ellipsis; overflow: hidden; text-align: justify;}




/*宽度*/

.i-wrapper{width: 18rem;min-width: 1263px;margin: 0 auto;}
.wrapper{width: 16.2rem;min-width: 1263px;margin: 0 auto;padding:.4rem 0 2rem;}

/* 头 */
header{display: flex;align-items: center;width: 100%;height: 100px;padding-left: .36rem;padding-right: .52rem;background-color: #fff;}
header .logo{display: block;width: auto;height: .71rem;margin-right: 17px;}
header .name{font-size: .3rem;color: #000;font-weight: bolder;}
header .nav{flex: 1;display: flex;justify-content: flex-end;}
header .nav dd a{display: block;line-height: 100px;padding: 0 .24rem;font-size: 18px;color: #000;transition:.5s;margin-right: .01rem;}
header .nav .active{background-color: #d6b183;color: #fff;}
header .nav dd:hover  a{background-color: #d6b183;color: #fff;}
header .phone{display: flex;align-items: center;}
header .phone .icon{display: block;width: 25px;height: 25px;margin-right: 5px;}
header .phone span{font-size: 15px;color: #000000;font-weight: 600;}
header .menu_btn{display: block;margin-left: .45rem;}
header .menu_btn img{display: block;width: 32px;height: 22px;}

/* banner */
.banner{width: 100%;position: relative;overflow: hidden;padding-top: 10px;background-color: #fff;}
.banner img{display: block;width: 100%;}
.banner .pagination{display: flex;flex-direction: column;justify-content: center;align-items: center;width: fit-content;height: fit-content;position: absolute;top: 50%;left: 36px;transform: translateY(-50%);z-index: 2;}
.banner .pagination .swiper-pagination-bullet{background-color: #fff;margin-bottom: 10px;opacity: 1;}
.banner .pagination .swiper-pagination-bullet-active{width: 19px;height: 19px;border: 4px solid #eb0200;background-color: transparent;}


/* 公司品牌简介 */
.i-introduction{width: 100%;padding: .75rem 0;}
.i-introduction .top{display: flex;justify-content: space-between;width: 100%;margin-bottom: 1rem;}
.i-introduction .top .title{font-size: .4rem;color: #aa9474;font-weight: bold;font-family: var(--font-family);}
.i-introduction .top .name{font-size: .3rem;color: #000000;}
.i-introduction .top .right{text-align: right;}
.i-introduction .top .en{font-size: .2rem;color: #9f9f9f;font-weight: bold;font-family: var(--font-family);text-transform: uppercase;line-height: .24rem;margin-bottom: .15rem;}
.i-introduction .top .text{font-size: .16rem;color: #9f9f9f;line-height: .16rem;}

.i-introduction .main{display: flex;align-items: center;width: 100%;margin-bottom: 1rem;overflow: hidden;padding: 0  1.3rem;}
.i-introduction .main .img{display: block;width: 4.75rem;margin-right: 1.24rem;}
.i-introduction .main .right{flex:1;color: #000000;}
.i-introduction .main .title{font-size: .3rem;}
.i-introduction .main .text{font-size: .24rem;line-height: .36rem;}
.i-introduction .main .text span{font-weight: bold;}
.i-introduction .main .content{width: 100%;padding-top: .4rem;font-size: .18rem;line-height: .31rem;}

.i-introduction .year{display: flex;flex-direction: row-reverse;width: 100%;padding: .24rem 0;border-top: .01rem solid #000;border-bottom: .01rem solid #000;}
.i-introduction .year .list{flex:1;display: flex;align-items: center;justify-content: center;position: relative;}
.i-introduction .year .list::after{display: block;content: '';height: .46rem;border-left: .01rem dashed #000;position: absolute;right: 0;top: 50%;transform:translateY(-50%);}
.i-introduction .year .list:first-child::after{display: none;}
.i-introduction .year .title{font-size: .56rem;background-image: linear-gradient(to bottom, #805f3e , #ceaa86);background-clip: text;-webkit-background-clip: text;color: transparent;font-weight: 600;font-family: var(--font-family);}
.i-introduction .year .title span{font-size: .2rem;color: #8b6a49;font-weight: 400;}
.i-introduction .year .icon{display: block;width: 13px;height: 15px;margin: 0 15px;}
.i-introduction .year .desc{font-size: .18rem;color: #000;}


/* 产品轮播图 */
.i-product{width: 100%;height: fit-content;background: url(../images/product_index_bj.jpg)no-repeat top center /100% auto #FFFFFF;padding: 1.18rem 2.04rem 0;position: relative;}
.i-product .images{width: 100%;position: relative;background: url(../images/product_images_bj.jpg)no-repeat top center / 100% auto;overflow: hidden;}
.i-product .images img{display: block;width: 100%;}
.i-product .images .swiper-slide{opacity: 0!important;}
.i-product .images .swiper-slide-active{opacity: 1!important;}
.i-product .page_btn{display: flex;position: absolute;right: 2.04rem;bottom: 1.15rem;z-index: 2;}
.i-product .page_btn .prev ,  .i-product .page_btn .next{width: 90px;height: 49px;margin-left: 2px;background-repeat: no-repeat;background-size: 30px 10px;background-position: center;background-color: #e8e8e8;cursor: pointer;}
.i-product .page_btn .prev{background-image: url(../images/product_prev.png);}
.i-product .page_btn .next{background-image: url(../images/product_next.png);}



/* 资质荣誉 */
.i-honor{width: 100%;padding-top: 10px;}
.i-honor .top{display: flex;align-items: center;justify-content: space-between;}
.i-honor .top .en{font-size: .22rem;color: #4a4a4a;text-transform: uppercase;line-height: .27rem;font-family: var(--font-family);font-weight: 500;}
.i-honor .top .icon{display: block;width: auto;height: 88px;}

.i-honor .component{display: flex;align-items: center;padding: .1rem 0;}
.i-honor .component .pagination{padding-right: .5rem;}
.i-honor .component .swiper-pagination-bullet{background-color: #000;margin-right: .13rem;}
.i-honor .component .swiper-pagination-bullet-active{background-color: #000;}
.i-honor .component .prev , .i-honor .component .next{display: block;width: .56rem;height: .56rem;margin-right: .16rem;cursor: pointer;}

.i-honor .main{display: flex;width: 100%;padding: 0 1.44rem;overflow: hidden;}
.i-honor .main .images{width: 11.52rem;overflow: hidden;position: relative;padding: 0 0 .4rem 0;}
.i-honor .images .swiper-wrapper{align-items: flex-end;}
.i-honor .images .swiper-slide{width: 3.84rem;height: auto;padding-right: .4rem;}
.i-honor .images .border{width: 100%;height: fit-content;border: .05rem solid #f4f4f4;box-shadow: .15rem .15rem .2rem 0 rgba(0,0,0,.1);}
.i-honor .images .box{width: 100%;height: fit-content;padding: .28rem .29rem;background-color: #e9e9e9;box-shadow: inset .1rem .1rem .2rem 0 rgba(0,0,0,.15); }
.i-honor .images img{display: block;width: 100%;max-height: 3.62rem;} 
.i-honor .right_text{flex:1;overflow: hidden;padding-top: .2rem;}
.i-honor .right_text *{font-size: .22rem;color: #4a4a4a;line-height: .33rem;font-family: var(--font-family);text-align: right;}
.i-honor .right_text .name{font-size: .86rem;color: #000000;line-height: .9rem;font-weight: bold;padding: .15rem 0;}
.i-honor .right_text .line{text-decoration: underline;color: #aa9474;margin-top: .3rem;}



/* 新闻 */
.i-news{display: flex;width: 100%;padding: 1.06rem 2.04rem 1rem;background-color: #f8f8f8;overflow: hidden;}
.i-news .good_list{display: block;flex: 1;padding: .3rem .22rem;background-color: #fff;margin-right: .26rem;}
.i-news  .top{display: flex;align-items: center;overflow: hidden;}
.i-news  .title{flex: 1;height: .72rem;font-size: .24rem;color: #303030;font-weight: 600;line-height: .36rem;padding-right: .4rem;}
.i-news  .date{display: flex;flex-direction: column;align-items: center;justify-content: center;width: .85rem;height: .6rem;font-size: .12rem;color: #6d6d6d;border-left: .01rem solid #e4e4e4;}
.i-news  .date .day{font-size: .46rem;color: #222222;line-height: .5rem;}
.i-news .good_list .btn{width: 1.18rem;font-size: .14rem;color: #444444;line-height: .35rem;text-align: center;border: .01rem solid #444444;border-radius: .37rem;margin: .2rem 0 .65rem;}
.i-news .good_list .img{width: 100%;height: 2.84rem;overflow: hidden;}
.i-news .good_list .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.i-news .item{flex: 1;}
.i-news .item .list{display: block;width: 100%;height: 1.7rem;margin-bottom: .2rem;padding: .3rem .3rem 0;background-color: #fff;}
.i-news .item .list:last-child{margin-bottom: 0;}
.i-news .item .list .more{display: flex;justify-content: space-between;font-size: .14rem;color: #6d6d6d;border-top: .01rem solid #e4e4e4;padding-top: .14rem;line-height: .14rem;margin-top: .15rem;}
.i-news .item .list .more .icon{display: block;width: auto;height: .08rem;}


.show_pic{display: block;width: 100%;height: 1.08rem;background: url(../images/index_show_pic.jpg)no-repeat center / cover;position: relative;z-index: 2;}


/* footer */
footer{width: 100%;background-color: #fff;padding: .5rem 0 1rem;border-top: .04rem solid #bf9b71;position: relative;}
footer::before{display: block;content: '';width: 17.71rem;height: .31rem;background: linear-gradient(to right , #d0d0d0 , #f5f5f5);position: absolute;top: -.35rem;left: 0;}
footer .content{display: flex;}
footer .left{flex: 1;}
footer .left .logo{display: flex;align-items: center;margin-bottom: .1rem;}
footer .left .logo img{display: block;width: auto;height: .72rem;margin-right: 17px;}
footer .left .name{font-size: .3rem;color: #000000;font-weight: bolder;}
footer .nav {display: flex;align-items: center;padding-bottom: .15rem;}
footer .nav dd:not(:last-child){margin-right: .4rem;}
footer .nav dd a{font-size: .18rem;color: #000;line-height: .2rem;}
footer .left .bot{font-size: .14rem;color: #000000;line-height: .24rem;font-weight: 100;}

footer .info{max-width: 2.6rem;}
footer .phone .txt{font-size: .16rem;color: #000;line-height: .16rem;font-weight: 600;}
footer .phone .txt span{font-size: 12px;margin-left: .1rem;text-transform: uppercase;}
footer .phone .num{font-size: .29rem;font-weight: 900;padding: .05rem 0;background-image: linear-gradient(to right, #826142 , #d6b183);background-clip: text;-webkit-background-clip: text;color: transparent;}
footer .info_web{font-size: .16rem;color: #999999;line-height: .24rem;}
footer .info_web>div{margin-top: .05rem;}

footer .qrcode{width: 1.15rem;text-align: center;margin-left: .5rem;}
footer .qrcode img{display: block;width: 100%;margin-bottom: .05rem;}
footer .qrcode .text{font-size: .12rem;color: #333333;line-height: .24rem;}


/* 面包屑 */
.crumb_box{display: flex;justify-content: space-between;align-items: flex-end;padding-bottom: .2rem ;border-bottom: .01rem solid #666666;margin-bottom: .75rem;}
.crumb_box .text{color: #000;font-weight: bold;}
.crumb_box .text .en{font-size: .5rem;text-transform: uppercase;line-height: .6rem;}
.crumb_box .text .name{font-size: .35rem;line-height: .45rem;}
.crumb_box .m-crumb , .crumb_box .m-crumb a{color: #898989;}
.crumb_box .m-crumb span{color: #000000;}



/* 公司品牌介绍 内页 */
.introduction .main{display: flex;align-items: center;width: 100%;overflow: hidden;padding: 0 0 1.75rem;}
.introduction .main .img{display: block;width: 4.75rem;margin: 0 .8rem;}
.introduction .main .right{flex:1;color: #000000;}
.introduction .main .name{font-size: .4rem;background-image: linear-gradient(to right, #826142 , #d6b183);background-clip: text;-webkit-background-clip: text;color: transparent;font-weight: bold;font-family: var(--font-family);margin-bottom: .15rem;}
.introduction .main .title{font-size: .3rem;}
.introduction .main .text{font-size: .28rem;line-height: .42rem;}
.introduction .main .text span{font-weight: bold;}
.introduction .main .content{width: 100%;padding-top: .6rem;font-size: .18rem;line-height: .31rem;}
.introduction .main .content img{max-width: 100%;}
.introduction .main .content p{margin-bottom: .1rem;}

.introduction .year{display: flex;flex-direction: column-reverse;width: 2.05rem;}
.introduction .year .list{flex:1;position: relative;}
.introduction .year .list::after{display: block;content: '';width: .46rem;border-bottom: .01rem dashed #9c9c9c;margin: .55rem 0;}
.introduction .year .list:first-child::after{display: none;}
.introduction .year .title{font-size: .52rem;color: #c49a6c;font-weight: 500;font-family: var(--font-family);}
.introduction .year .title span{font-size: .2rem;color: #8b6a49;font-weight: 400;}
.introduction .year .desc{font-size: .2rem;color: #000;}


/* 企业文化 */
.culture{width: 100%;}
.culture .en{display: flex;align-items: center;font-size: .2rem;color: #000000;margin-bottom: .9rem;}
.culture .en .line{display: block;flex: 1;height: .04rem;background-color: #000;margin: 0 .05rem;}
.culture .en .end{margin-left: 1.6rem;}
.culture .content{display: flex;align-items: center;overflow: hidden;}
.culture .left .ftitle{font-size: .62rem;color: #a88157;line-height: .64rem;font-weight: bold;font-family: var(--font-family);opacity: .32;}
.culture .left .name{font-size: .4rem;color: #000000;font-weight: bold;font-family: var(--font-family);}
.culture .left .desc{font-size: .29rem;color: #000000;font-family: var(--font-family);}
.culture .item{flex: 1;display: flex;padding-left: .3rem;}
.culture .item .list{flex: 1;display: flex;align-items: center;height: 1.37rem;border-radius: 1.37rem;background: linear-gradient(to right , #cc9f6e , #d8b898);position: relative;padding: 0 .3rem;color: #a88157;overflow: hidden;transition: .5s;}
.culture .item .list>*{position: relative;z-index: 3;}
.culture .item .list::after{display: block;content: '';width: calc(100% - .04rem);height: calc(100% - .04rem);position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 1;background-color: #fff;border-radius: 1.37rem;transition: 1s;}
.culture .item .list .title{width: .86rem;font-size: .32rem;line-height: .34rem;text-align: center;padding-right: .01rem;font-family: var(--font-family);}
.culture .item .list .title span{display: block;font-size: .22rem;line-height: .3rem;}
.culture .item .list .line{display: block;width: .01rem;height: .47rem;background-color: #865f35;}
.culture .item .list  .desc{flex:1;padding-left: .15rem;font-size: .22rem;line-height: .26rem;}
.culture .item .list:hover{color: #fff;transition: .5s;;}
.culture .item .list:hover .line{background-color: #fff;transition: .5s;}
.culture .item .list:hover::after{opacity: 0;}


/*联系我们 */
.contact .main{display: flex;align-items: flex-start;overflow: hidden;}
.contact .main .img{width: 8.7rem;margin-right: .65rem;}
.contact .main .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.contact .main .right{flex: 1;padding-top: .1em;}
.contact .right .name{font-size: .4rem;color: #c49a6c;font-family: var(--font-family);font-weight: bold;} 
.contact .right .en{font-size: .26rem;color: #c49a6c;text-transform: uppercase;}
.contact .right span{display: block;width: 100%;height: .02rem;background-color: #000000;margin: .4rem 0 0;}
.contact .right .info{display: flex;align-items: center;width: 100%;height: 1.6rem;border-bottom: .01rem solid #d2d2d2;overflow: hidden;}
.contact .info .list{flex: 1;display: flex;align-items: center;position: relative;overflow: hidden;}
.contact .info .line{display: block;width: .01rem;height: .56rem;background-color: #d2d2d2;margin: 0 .36rem;}
.contact .info .list:last-child::after{display: none;}
.contact .list .icon{display: block;width: .44rem;height: .44rem;margin-right: .15rem;}
.contact .list .text{flex: 1;overflow: hidden;}
.contact .list .text .title{font-size: .2rem;color: #6a6a6a;font-weight: 500;}
.contact .list .text .detail{font-size: .2rem;counter-reset: #221815;font-weight: 600;}
.contact .list .text .phone{font-size: .3rem;color: #000;}
.contact .bot{display: flex;padding-top: .3rem;}
.contact .bot .qrcode{width: 1.15rem;text-align: center;margin-right: .5rem;}
.contact .bot .qrcode img{display: block;width: 100%;margin-bottom: .05rem;}
.contact .bot .qrcode .text{font-size: .17rem;color: #333333;line-height: .24rem;font-weight: 600;}



/* 战略发展 */
.develop .main{display: flex;align-items: center;padding-bottom: .5rem;}
.develop .main .img{display: block;max-width: 6rem;margin-right: .65rem;}
.develop .main .item{flex: 1;overflow: hidden;}
.develop .item .list{width: 100%;margin-bottom: .75rem;}
.develop .item .list:last-child{margin-bottom: 0;}
.develop .list .title{width: 1.9rem;height: .4rem;font-size: .24rem;color: #b48d57;text-align: center;line-height: .4rem;font-weight: 600;border-radius: .4rem;background: linear-gradient(to right , #cc9f6e , #d8b898);position: relative;padding: 0 .2rem;overflow: hidden;transition: .5s;}
.develop .list .title span{position: relative;z-index: 2;}
.develop .list .title::after{display: block;content: '';width: calc(100% - .02rem);height: calc(100% - .02rem);position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 1;background-color: #fff;border-radius: .4rem;transition: 1s;}
.develop .list .detail{font-size: .24rem;color: #3e3a39;line-height: .36rem;padding-top: .1rem;}
.develop .list:hover .title{color: #fff;transition: .5s;}
.develop .list:hover .title::after{opacity: 0;}



/* 创始人 */
.founder .main{display: flex;justify-content: space-between;}
.founder .main .img{display: block;width: 3.91rem;height: auto;}
.founder .main .right {display: flex;flex-direction: column;align-items: flex-end;}
.founder .right  .pic{display: block;width: 6.61rem;margin-bottom: .3rem;}
.founder .right  .bot{display: flex;}
.founder .right  .content{width: 6.3rem;}
.founder .right  .detail{width: 100%;font-size: .19rem;color: #3e3a39;line-height: .35rem;text-align: right;padding: .3rem 0;border-bottom: .01rem solid #000000;}
.founder .right  .name_img{display: flex;align-items: flex-end;justify-content: flex-end;width: 2.8rem;}
.founder .right  .name_img img{display: block;width: 2rem;height: auto;}


/* 资质荣誉 */
.honor .main{display: flex;overflow: hidden;}
.honor .main .item{display: flex;flex-wrap: wrap;flex: 1;overflow: hidden;}
.honor .item .list{width: 3.4rem;margin-right: .35rem;margin-bottom: .3rem;}
.honor .list .border{width: 100%;height: fit-content;border: .05rem solid #f4f4f4;margin-bottom: .26rem;}
.honor .list .box{width: 100%;height: fit-content;padding: .11rem;background-color: #e9e9e9;box-shadow: inset 0 .05rem .1rem 0 rgba(0,0,0,.2) , inset .05rem 0  .1rem 0 rgba(0,0,0,.05); }
.honor .list img{display: block;width: 100%;max-height: 3.86rem;border: .1rem solid #fff;} 
.honor .list .title , .honor .list .ftitle{width: 100%;font-size: .22rem;line-height: .3rem;color: #9e9e9e;text-align: center;}
.honor .list .title{font-weight: 600;}
.honor .main .img{display: block;width: 4.6rem;margin-left: .3rem;}


/* 新闻中心 */
.news .main{width: 1005;}
.news .main .item{display: flex;flex-wrap: wrap;}
.news .list{display: block;width: calc((100% - .72rem) / 4);padding: .2rem .18rem;background-color: #fff;margin-right: .22rem;margin-bottom: .43rem;background-color: #f5f5f5;}
.news .list:nth-child(4n){margin-right: 0;}
.news  .top{display: flex;align-items: center;overflow: hidden;}
.news  .title{flex: 1;height: .68rem;font-size: .22rem;color: #303030;font-weight: 600;line-height: .34rem;padding-right: .4rem;}
.news  .date{display: flex;flex-direction: column;align-items: center;justify-content: center;width: .85rem;height: .6rem;font-size: .12rem;color: #6d6d6d;border-left: .01rem solid #e4e4e4;}
.news  .date .day{font-size: .4rem;color: #222222;line-height: .45rem;font-weight: bold;}
.news .list .btn{width: 1.18rem;font-size: .17rem;color: #444444;line-height: .35rem;text-align: center;border: .01rem solid #e2e2e2;border-radius: .37rem;margin: .15rem 0 .2rem;}
.news .list .img{width: 100%;height: 2.45rem;overflow: hidden;}
.news .list .img img{display: block;width: 100%;height: 100%;object-fit: cover;}



/* 新闻详情 */
.detail .main{width: 100%;}
.detail .main .title{font-size: .3rem;color: #b38f6a;line-height: .45rem;font-weight: bold;text-align: center;padding: 0 .8rem .2rem;}
.detail .main .time{height: .3rem;font-size: .22rem;line-height: .3rem;color: #9f9f9f;text-align: center;margin-bottom: .5rem;}
.detail article{font-size: .19rem;line-height: .25rem;color: #000000;}
.detail article p{margin-bottom: .1rem;}
.detail article img{max-width: 100%;}


/*  产品研发 */
.product .main{width: 100%;}
.product .main .item{display: flex;flex-wrap: wrap;}
.product .item .list{display: block;width: calc((100% - .96rem) / 4);margin-bottom: .97rem;margin-right: .32rem;background: linear-gradient(to top , #efefef 20% , #efefef, #ffffff 46%, #fff, #f6f6f6);color: #775941;text-align: center;padding-bottom: .46rem;}
.product .item .list:nth-child(4n){margin-right: 0;}
.product .list .img{display: flex;justify-content: center;align-items: flex-end;width: 100%;height: 3.7rem;position: relative;margin-bottom: .25rem;padding-top: .5rem;padding-bottom: .15rem;}
.product .list .img::after{display: block;content: '';width: 100%;height: .5rem;position: absolute;bottom: -.03rem;left: 50%;transform: translateX(-50%);border-radius: 50%;background: radial-gradient(ellipse, rgba(0,0,0,.3), #fff,#fff);}
.product .list .img img{display: block;max-width: 100%;height: 100%;max-height: 100%;position: relative;z-index: 2;}
.product .list .title{width: 100%;font-size: .34rem;background-image: linear-gradient(to right, #826142 , #d6b183);background-clip: text;-webkit-background-clip: text;color: transparent;font-family: var(--font-family);text-align: center;line-height: .5rem;font-weight: bold;}
.product .list .name{width: fit-content;font-size: .22rem;line-height: .3rem;font-family: var(--font-family);font-weight: 600;margin: 0 auto;position: relative;}
.product .list .name span{font-size: .2rem;}
.product .list .name::after{display: block;content: '';width: .23rem;height: .23rem;background: url(../images/product_icon01.png)no-repeat center / 100%;position: absolute;top: 0;left: calc(100% + .35rem);}
.product .list .people{width: 70%;font-size: .17rem;line-height: .2rem;padding: .15rem 0;margin: 0 auto .2rem;border-bottom: .01rem solid #7a5c45;}
.product .list .more{width: 1.38rem;font-size: .23rem;color: #775941;line-height: .44rem;border-radius: .06rem;border: .01rem solid #775941;font-family: var(--font-family);font-weight: 600;margin: 0 auto;}


/*  产品详情 */
.product-detail .main{display: flex;align-items: flex-start;width: 100%;overflow: hidden;}
.product-detail .main .img{display: block;width: 4.4rem;margin-right: .4rem;}
.product-detail .main .right{flex:1;overflow: hidden;}
.product-detail .main .title{font-size: .42rem;color: #b38f68;font-family: var(--font-family);font-weight: 500;line-height: .6rem;margin-bottom: .35rem;}
.product-detail .main .info{float: right;width: fit-content;border: .01rem solid #775941;color: #775941;margin-left: .5rem;}
.product-detail .info .top{font-size: .17rem;padding:  .05rem;text-align: center;border-bottom: .01rem solid #775941;}
.product-detail .info .bot{display: flex;}
.product-detail .info .netContent{display: flex;flex-direction: column;justify-content: center;align-items: center;font-size: .17rem;font-family: var(--font-family);line-height: .2rem;padding:  .05rem;border-right:  .01rem solid #775941;}
.product-detail .info .netContent .num{font-size: .3rem;font-family: var(--font-family);letter-spacing:-.04rem;line-height: .4rem;transform: scaleY(1.3);}
.product-detail .info .netContent .num span{font-size: .26rem;font-family: var(--font-family);transform: scaleX(.8);display: inline-block;vertical-align: top;}
.product-detail .info .text{font-size: .31rem;font-family: var(--font-family);writing-mode: vertical-lr;padding:  .05rem;padding-right: 0;}
.product-detail .info .text span{display: block;font-size: .15rem;font-family: var(--font-family);margin-right: -.05rem;}
.product-detail  .line{width: 100%;height: .01rem;background-color: #000;margin-bottom: .4rem;}
.product-detail  .art{margin-bottom: .4rem;font-size: .24rem;color: #000000;}
.product-detail  .art .txt{font-weight: 600;}
.product-detail  .art .content{line-height: .42rem;font-weight: 300;}
.product-detail  .art .introduce{font-size: .22rem;}
.product-detail  .source{display: flex;align-items: center;}
.product-detail  .source::before{display: block;content: '';flex: 1;height: .01rem;background-color: #919191;}
.product-detail  .source .text{width: fit-content;font-size: .16rem;color: #919191;line-height: .3rem;padding: 0 .2rem;border-radius: .3rem;border: .01rem solid #919191;}

.product-detail  .drugs{display: flex;flex-wrap: wrap;width: 100%;margin-bottom: .5rem;}
.product-detail  .drugs .list{width: calc((100% - .34rem) / 3);margin-right: .17rem;margin-bottom: .15rem;padding: .2rem .16rem;background-color: #f3f3f3;}
.product-detail  .drugs .list:nth-child(3n){margin-right: 0;}
.product-detail  .drugs  .name{font-size: .34rem;background-image: linear-gradient(to right, #826142 ,  #d6b183 , #d6b183 , #d6b183);background-clip: text;-webkit-background-clip: text;color: transparent;font-weight: 600;}
.product-detail  .drugs  .text{font-size: .18rem;color: #000000;line-height: .33rem;}