/* Write your styles */
ul, li, dl, dt, dd, h1, h2, h3, p,em{font-style: normal;list-style: none;margin: 0;padding: 0;}
a{text-decoration: none;transition: all .1s linear;color: #444;}
a:hover{color: #1557ac;}
img,
video{max-width: 100%;}
.am-container{max-width: 1430px;}
.am-alert-danger{width: 100%;position: fixed;left: 0;top: 0;margin: 0;}
.arccontent .selectTdClass{background-color: #edf5fa !important}
.arccontent table.noBorderTable td,
.arccontent table.noBorderTable th,
.arccontent table.noBorderTable caption{border: 1px dashed #ddd !important}
.arccontent table{margin-bottom: 10px;border-collapse: collapse;display: table;width: 100% !important;}
.arccontent td,
.arccontent th{padding: 5px 10px !important;border: 1px solid #DDD;line-height: 1.4;}
.arccontent caption{border: 1px dashed #DDD;border-bottom: 0;padding: 3px;text-align: center;}
.arccontent th{border-top: 1px solid #BBB;background-color: #F7F7F7;}
.arccontent table tr.firstRow th{border-top-width: 2px;}
.arccontent .ue-table-interlace-color-single{background-color: #fcfcfc;}
.arccontent .ue-table-interlace-color-double{background-color: #f7faff;}


html {
    font-size: 62.5%;
}

body {
    font-family: "Noto Sans SC", "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;
    overflow-x: hidden;
}

.animated {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/* 全局 css 变量 */
:root{--themeColor: #ca7f24;}
/* #0f6ff9 #2d73f0*/
/* 全局样式 */
[class*=am-u-]{padding-left: 0; padding-right: 0;}
.all-pd{padding: 10rem 0;}
.all-pb{padding-bottom: 10rem;}
.all-pt{padding-top: 10rem;}
.all-mr{margin: 20px 0;}
.themeColor{color: var(--themeColor);}
.colorWhite{color: #fff !important;}
.all-title-box{max-width: 300px;}
.all-title-box .row{display: flex; align-items: baseline;}
.all-title-box .title{font-size: 24px; color: var(--themeColor); font-weight: bold; color: #333; white-space: nowrap;}
.all-title-box .subtitle{font-size: 16px; color: #999; white-space: nowrap;}
.all-title-box .entitle{font-size: 46px; color: #333; text-transform: uppercase; font-weight: bolder; white-space: nowrap;}
.all-title-box .entitle::first-letter{color: var(--themeColor);}
.img100{width: 100%;}
.order1{order: 1;}
.ohide{overflow: hidden;}
.ju-start{justify-content: flex-start !important; height: 90px;}
.c5{transition: all .5s;}
.c1{transition: all 1s;}
.position-re{position: relative !important;}
.line-clamp-1,
.line-clamp-2,
.line-clamp-3,
.line-clamp-4,
.line-clamp-5,
.line-clamp-6{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}
.line-clamp-1{-webkit-line-clamp: 1;}
.line-clamp-2{-webkit-line-clamp: 2;}
.line-clamp-3{-webkit-line-clamp: 3;}
.line-clamp-4{-webkit-line-clamp: 4;}
.line-clamp-5{-webkit-line-clamp: 5;}
.line-clamp-6{-webkit-line-clamp: 6;}
.text-wrap{white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}

/* ::-webkit-scrollbar  {  width: 6px;   height: 6px;  background-color: #F5F5F5;  }  */
/*定义滚动条轨道 内阴影+圆角*/
/* ::-webkit-scrollbar-track  {  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  border-radius: 10px;  background-color: #F5F5F5;  }   */
/*定义滑块 内阴影+圆角*/
/* ::-webkit-scrollbar-thumb  {  border-radius: 10px;  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  background-color:#8fc31f;  } */

.ty-btn{width: 18rem; height: 6.5rem; line-height: 6.5rem; border-radius: .6rem; background: #fff; display: block; color: #333; font-size: 2rem; position: relative; text-align: center; border: none;}
.ty-btn::before,
.ty-btn::after{content: ''; position: absolute; right: 0; top: 0; background: #fff}
.ty-btn::before{height: 0%; width: 2px;}
.ty-btn::after{width: 0%; height: 2px;}
.ty-btn:hover{background: transparent;}
.ty-btn:hover::before{height: 100%; transition: all 0.5s ease;}
.ty-btn:hover::after{width: 100%; transition: all 0.5s ease;}
.ty-btn>span{display: block;}
.ty-btn:hover>span{color: #333; transition: all 0.5s ease;}
.ty-btn:hover>span::before{height: 100%; transition: all 0.5s ease;}
.ty-btn:hover>span::after{width: 100%; transition: all 0.5s ease;}
.ty-btn>span::before,
.ty-btn>span::after{content: ''; position: absolute; left: 0; bottom: 0; background: #fff}
.ty-btn>span:before{width: 2px; height: 0%;}
.ty-btn>span:after{width: 0%; height: 2px;}
/* */
.ty-subtitle{font-size: 4rem; color: #333; font-weight: 500; line-height: 6rem; letter-spacing: -0.05rem;}
.ty-hover-box{overflow: hidden;}
.ty-hover-box img{transition: all .5s ease-out;}
.ty-hover-box:hover img{transform: scale(1.1);}
/*  */
.ty-contbox{position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; justify-content: flex-start; align-items: center; padding: 8rem 7.36%;}
.ty-contbox .cont-box{max-width: 445px;}
.ty-contbox .cont-box .title{font-size: 4.8rem; line-height: 6rem; font-family: "Myriad Pro"; color: #fff; font-weight: 500;}
.ty-contbox .cont-box .note{font-family: "Arial"; font-size: 1.4rem; line-height: 2rem; color: #333; margin: 4rem 0;}
.ty-contbox .cont-box .btn{font-size: 1.4rem; border-radius: 0;}

/* header */
header{position: relative; min-height: 80px;}
.header{position: fixed; top: 0; left: 0; z-index: 999; width: 100%; background: #fff; box-shadow: 0 1px 5px rgb(0 0 0 / 20%);}
.header-top{position: relative; background: #fff; z-index: 2;}
.header-menu{position: relative; background: #fff; transition: all .5s ease-out; margin-top: 0; }
.header-menu.down{margin-top: -62px;}
.header-menu.up{margin-top: 0;}
.header .main .top{position: relative; height: 80px; display: flex; justify-content: flex-end; align-items: center;}
.header .main .top .top-logo{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.header .main .top .top-tool{display: flex; align-items: center;}
.header .main .top .top-tool .search{cursor: pointer;}
.header .main .top .top-tool .line{width: 1px; height: 1.6rem; background: #d7d7d7; margin: 0 2rem;}
.header .main .top .top-tool .language{cursor: pointer;}

.header .main .top-menu{}
.header .main .top-menu ul{display: flex; justify-content: center; align-items: center;}
.header .main .top-menu ul li{padding: 0 4rem;}
.header .main .top-menu ul li .a{font-size: 16px; font-weight: 500; color: #333; line-height: 60px; display: block; position: relative; white-space: normal;white-space: nowrap;padding: 0 0;}
/* .header .main .top-menu ul li .a:hover{color: var(--themeColor);} */
.header .main .top-menu ul li .a::after{content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0; height: .2rem; background: #000; transition: all .3s;}
.header .main .top-menu ul li:hover .a::after{width: 100%;}
.header .main .top-menu ul li.on .a::after{width: 100%;}

/* sub-menu */
.sub-menu-box{width: 100%; height: auto; position: absolute; background: #fff; left: 0; top: 100px; border-top: 1px solid #f3f3f3;  box-shadow: 0 2px 2px rgb(0 0 0 / 10%);max-height: 70vh;overflow-y: auto;
    transition: all .2s ease-out;
    opacity: 0; visibility: hidden;
    /* display: none; */
}
.sub-menu-box .sub-menu-main{display: flex; justify-content: space-evenly; padding: 5rem 0; position: relative; flex-wrap: wrap;}
.sub-menu-box .sub-menu-main .sub-group{padding: 0 1rem; max-width: 23rem;}
.sub-menu-box .sub-menu-main .sub-group .img-box{display: block; overflow: hidden;}
.sub-menu-box .sub-menu-main .sub-group .img-box img{width: 100%; transition: all .5s ease-out;}
.sub-menu-box .sub-menu-main .sub-group .img-box:hover img{transform: scale(1.1);}
.sub-menu-box .sub-menu-main .sub-group .ptitle{font-size: 1.4rem; color: #333; margin-top: 1rem; display: block;}
.sub-menu-box .sub-menu-main .sub-group .ptitle i{font-size: 2.2rem; margin-left: 0.5rem; transform: translateY(2px); line-height: 1;}
.sub-menu-box .sub-menu-main .sub-group .ptitle:hover{color: #000; text-decoration: underline;}
.sub-menu-box .sub-menu-main .sub-group .title{font-size: 1.6rem; color: #333; line-height: 1; margin-bottom: 4rem;}
.sub-menu-box .sub-menu-main .sub-group .list{width: auto;}
.sub-menu-box .sub-menu-main .sub-group .list .suba{display: block; font-size: 1.4rem; color: #999; margin: 2rem 0; line-height: 1; white-space: nowrap;}
.sub-menu-box .sub-menu-main .sub-group .list .suba:hover{color: #000;}
.sub-menu-box .sub-menu-main .close-icon{position: absolute; right: 1.5rem; top: 1.5rem; cursor: pointer; transition: all .5s;}
.sub-menu-box .sub-menu-main .close-icon img{transition: all .5s ease-out;}
.sub-menu-box .sub-menu-main .close-icon:hover img{transform: rotate(180deg);}

/* .header .main .top-menu ul li:hover .sub-menu-box{opacity: 1; visibility: visible; top: 60px; display: block;} */

.sub-menu-box.show{opacity: 1; visibility: visible; top: 60px; display: block;}

/* search */
.warpbg{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,.88); left:0; top:0; z-index:1990; display:none;}
.warpbg:after{ position:fixed; right:15px; top:15px; color:rgba(255,255,255,.81);    content: "\f00d"; font-size:18px; cursor:pointer;}

.searbtn{ float:right; padding-top:35px;}
.searbtn a{ display:block;  text-align:right; position:relative; cursor:pointer;}

.searchb{ position:fixed; width:100%; top:50%; left:0; z-index:1992; margin-top:-24px; display:none;}
.searchb .seac{ max-width:780px; margin:0 auto; position:relative;}
.searchb .seac input{ width:100%; background:none; border:1px solid rgba(255,255,255,.4); border-radius:40px; padding:14px; color:#fff;font-size: 14px;}
.searchb .seac input:focus{ box-shadow:none; outline:none;}
.searchb .seac .serbtn{ position:absolute; right:10px; top:0; padding:14px; border:none; background:none; color:rgba(255,255,255,.81);font-size: 14px;}
.searchb .seac .serbtn:focus{ outline:none; }


/* pro-1 */
.pro-1{position: relative; background: #fff;  height: 350vh; }
.pro-1 .pro-wrap{position: sticky; left: 0; top: 0; width: 100%; min-height: 100vh;display: flex;justify-content: center;align-items: center;}
.pro-1 .list{ /* width: 86.4583333vw;  */ width: 100vw; padding-bottom: 14rem;overflow-x: auto;display: flex;padding-right: 1px;}
.pro-1 .list .item{margin-right: 8rem; width: 33.8%; position: relative;flex-shrink: 0;}
.pro-1 .list .item:nth-child(2n){top: 14rem;}
.pro-1 .list .item .onlink{display: block;}
.pro-1 .list .item .onlink .img-box{overflow: hidden;}
.pro-1 .list .item .onlink .img-box img{width: 100%;transition: all .5s ease-out;}
.pro-1 .list .item .onlink .img-box:hover img{transform: scale(1.1);}
.pro-1 .list .item .onlink .cont-box{}
.pro-1 .list .item .onlink .cont-box .cate{font-size: 1.4rem; color: #999; margin-top: 3rem; line-height: 1;}
.pro-1 .list .item .onlink .cont-box .title{font-size: 2.6rem; font-style: italic; font-weight: 500; color: #000; margin: 1.5rem 0 3rem; line-height: 1;}
.pro-1 .list .item .outlink{font-family: "Arial"; font-size: 1.4rem; color: #000; text-decoration: underline;}

/* 隐藏 .pro-1 .list的横向滚动条 多浏览器 */
.pro-1 .list::-webkit-scrollbar { display: none; }
.pro-1 .list { -ms-overflow-style: none; }


/* footer */
footer{background: #000;}
.foot{}
.foot .f-menu{display: flex; justify-content: space-around;}
.foot .f-menu .list{padding: 0 1rem;}
.foot .f-menu .list li{display: flex; align-items: center;position: relative;}
.foot .f-menu .list li .ltitle{font-size: 1.6rem; color: #fff; line-height: 1; margin-bottom: 3rem;}
.foot .f-menu .list li .icon{margin-right: .8rem; flex-shrink: 0;min-width: 1.9rem;}
.foot .f-menu .list li a{font-size: 1.4rem; color: rgb(255 255 255 / 60%); line-height: 1; margin: 1rem 0; display: block;}
.foot .f-menu .list li a:hover{color: #fff;}

.foot .f-menu .list li .img-code{position: absolute;right: calc(100% + 3rem);padding: .5rem;background: #fff;top: 50%;transform: translateY(-50%);width: 12rem;visibility: hidden;opacity: 0;transition: all .5s ease-out;}
.foot .f-menu .list li .img-code::after{ content: ""; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #fff; }
.foot .f-menu .list li .img-code img{width: 100%;}
.foot .f-menu .list li:hover .img-code{visibility: visible;opacity: 1;right: calc(100% + 1rem);}

/* copyright */
.copiright{}
.copiright .main{display: flex; padding: 3rem 0; border-top: 1px solid rgba(255, 255, 255, .2); justify-content: space-between;}
.copiright .main .p1{font-size: 1.4rem; color: rgba(255, 255, 255, .5);}
.copiright .main .p1 a{color: rgba(255, 255, 255, .5);}
.copiright .main .p1 a:hover{color: #fff;}
.copiright .main .p1 a img{margin-top: -9px;max-height: 2rem;}

/* pagelist */
.pagelist{display: flex;justify-content: center;align-items: center;padding-top: 3rem;}
.pagelist .item{width: 4.5rem;height: 4.5rem;border-radius: 100%;border: 1px solid #d8d8d8;display: flex;justify-content: center;align-items: center;font-size: 2rem;color: #666;margin: 0 .5rem;}
.pagelist .item:first-child{margin-right: 1.5rem;}
.pagelist .item:last-child{margin-left: 1.5rem;}
.pagelist .item.on{ background: var(--themeColor); color: #fff; border-color: var(--themeColor); }
.pagelist .item:hover{ background: var(--themeColor); color: #fff; border-color: var(--themeColor); }

@media screen and (max-width: 768px) {
    .pagelist{padding-top: 1rem;}
    .pagelist .item{width: 3rem;height: 3rem;border-radius: 100%;border: 1px solid #d8d8d8;display: flex;justify-content: center;align-items: center;font-size: 1.5rem;color: #666;margin: 0 .5rem;}
    .pagelist .item:first-child{margin-right: 1rem;}
    .pagelist .item:last-child{margin-left: 1rem;}
}

/* ny-pro */
.ny-pro{}
.ny-pro .list{display: flex; flex-wrap: wrap; margin: 0 -2rem;}
.ny-pro .list li{width: 33.3333%; margin: 2rem 0; padding: 0 2rem;}
.ny-pro .list li a{display: block;position: relative;}
.ny-pro .list li a .img-bg{width: 100%;height: 100%;position: relative;}
.ny-pro .list li a .img-bg img{width: 100%;height: 100%;}
.ny-pro .list li a .img-box{overflow: hidden;display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.ny-pro .list li a .img-box img{width: 100%;height: 100%;display: none;}
.ny-pro .list li a .cont-box{position: relative; padding-left: .5rem;}
.ny-pro .list li a .cont-box .title{font-size: 1.4rem; color: #333; margin-top: 1.5rem;}
.ny-pro .list li a .cont-box .subtitle{font-size: 1.4rem; color: #333;}
.ny-pro .list li a .cont-box .price{font-size: 1.3rem; color: #000; font-weight: 500; margin-top: 1.5rem;}
.ny-page-title{font-size: 2.2rem; color: #333; text-align: center; margin: 2rem 0 4rem; font-weight: 400;}


/* ny-pro-de */
.ny-pro-de{}
.ny-pro-de .main{display: flex;justify-content: space-between;}
.ny-pro-de .main .left{width: 60%;}

.prode-swiper{position: relative;background: #f2f2f4;}
.prode-swiper .item{overflow: hidden;}
.prode-swiper .item img{width: 100%;max-height: 50rem;object-fit: cover;}

.ny-pro-de .main .right{width: 34%;}
.ny-pro-de .main .right .title-box{position: relative;margin-bottom: 4rem;}
.ny-pro-de .main .right .title-box .title{font-size: 2.2rem;color: #333;font-weight: 400;}
.ny-pro-de .main .right .title-box .subtitle{font-size: 1.3rem;color: #333;}

/* 购买按钮 */
.ny-pro-de .main .right .buy-btn{margin-top: 3rem;position: relative;}
.ny-pro-de .main .right .buy-btn a{width: 100%;height: 6rem;background: #000;border-radius: 3rem;display: flex;justify-content: center;align-items: center;color: #fff;}
.ny-pro-de .main .right .buy-btn a:hover{background: #333;font-weight: bold;}
/* 购买二维码 */
.buy-code{width: 15rem; position: absolute; left: 50%; bottom: 130%; transform: translateX(-50%); background: #fff; box-shadow: 0 2px 10px rgb(0 0 0 / 30%); padding: 1rem;visibility: hidden;opacity: 0; z-index: 1000;}
.buy-code img{border: 1px solid #f1f1f1;}
.buy-code .arrow{width: 0;height: 0;border: 1rem solid transparent;border-top-color: #fff;position: absolute;left: 50%;bottom: -2rem;transform: translateX(-50%);}
.ny-pro-de .main .right .buy-btn:hover .buy-code{visibility: visible;opacity: 1;transition: all .3s;}


.ny-pro-de .main .right .desc-box{padding: 0 2.5rem;background: #f6f6f6;}
.ny-pro-de .main .right .desc-box .title{font-size: 1.4rem;color: #333;padding: 1.3rem 0;display: flex;justify-content: space-between;cursor: pointer;}

.ny-pro-de .main .right .desc-box .title i{font-size: 2rem;color: #999;line-height: 1;}
.ny-pro-de .main .right .desc-box .cont{font-size: 1.4rem;color: #333;padding: 1.3rem 0;border-top: 1px solid #ddd;display: none;}
.ny-pro-de .main .right .desc-box.act .cont{display: block;}

.ny-pro-de .arc-cont{padding: 3rem 0;border-bottom: 1px solid #e5e5e5;font-size: 1.6rem;line-height: 2;overflow-x: auto;}

/* 规格 */
.ny-pro-de .main .right .specs{position: relative;z-index: 10;background: #fff;}
.ny-pro-de .main .right .specs .item{padding: 2rem 1.6rem;border: 1px solid #757575;display: flex;justify-content: space-between;}
.ny-pro-de .main .right .specs .item .title{font-size: 13px;color: #000;}
.ny-pro-de .main .right .specs .item .price{display: flex;align-items: center;cursor: pointer;}
.ny-pro-de .main .right .specs .item .price span{font-size: 13px;font-weight: bold;color: #000;}
.ny-pro-de .main .right .specs .item .price i{margin-left: 1rem;color: #000;}
.ny-pro-de .main .right .specs .list{position: absolute;width: 100%;top: 100%;background: #fff;display: none;max-height: 400px;overflow-y: auto;border-bottom: 1px solid #757575;}
.ny-pro-de .main .right .specs .list .item{cursor: pointer;margin-top: -1px;}
.ny-pro-de .main .right .specs .list .sub i{display: none;}
.ny-pro-de .main .right .specs .list .sub.on i{display:block;}
.ny-pro-de .main .right .specs .list .sub:hover{background: #f1f1f1;}

/* 刻字 */
.kz-box{padding: 2.4rem 0;margin-top: 2.4rem;border-top: 0.0625rem solid #e5e5e5; border-bottom: 0.0625rem solid #e5e5e5;}
.kz-box .kz{padding: 2rem 3rem;border: 1px solid #757575;border-radius: 3rem;display: flex;justify-content: space-between;align-items: center;}
.kz-box .kz .kz-title{display: flex;align-items: center;font-size: 1.3rem;}
.kz-box .kz .kz-title svg{}
.kz-box .kz .kz-title .title{margin-left: 1rem;}
.kz-box .kz .price{font-size: 1.3rem;color: #000;font-weight: bold;}
.kz-box .ab-kz{font-size: 1.3rem;color: #757575;text-align: center;text-decoration: underline;margin-top: 1rem;cursor: pointer;}

/* 寻找精品店 */
.jpt{text-align: center;margin-top: 1rem;margin-bottom: 3rem;}
.jpt a{font-size: 1.3rem;color: #000;text-decoration: underline;}
.jpt a:hover{font-weight: bold;}


/* 推荐产品 */
.rem-pro{position: relative;}
.rem-pro .ptitle{text-align: center;margin: 3rem 0 0;font-size: 2.2rem;font-weight: initial;}
.rem-pro-swiper{position: relative;padding: 5rem 0 6rem;}
.rem-pro-swiper .swiper-pagination{bottom: .5rem;}

.rem-pro-swiper .item{display: block;}
.rem-pro-swiper .item .img-box{overflow: hidden;}
.rem-pro-swiper .item .img-box img{width: 100%;transition: all .3s ease-out;}
.rem-pro-swiper .item .img-box:hover img{transform: scale(1.1);}
.rem-pro-swiper .item .title{margin-top: 1.5rem;font-size: 1.4rem;color: #333;}
.rem-pro-swiper .item .subtitle{font-size: 1.4rem;color: #666;}

/* 滚动字体 */
.txtMarquee-left{ position:relative;  border-top:1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5; margin-top: 4rem;}

.txtMarquee-left .bd{ padding:3rem 1rem; position: relative;}
.txtMarquee-left .bd .tempWrap{ width:100% !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.txtMarquee-left .bd ul li{ margin-right:3rem;  float:left; height:24px; line-height:24px;  text-align:left; _display:inline; width:auto !important; }
.txtMarquee-left .bd ul li a{font-size: 1.4rem; color: #666;}
.txtMarquee-left .bd ul li a:hover{color: #000;}

.txtMarquee-left .bd::before { content: ''; position: absolute; left: 0; z-index: 2;top: 50%;transform: translateY(-50%); height: 100%; width: 100px; background: linear-gradient( to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100% ); }

/* 联系我们 */
.ny-contact{}
.ny-contact .main{display: flex;justify-content: space-between;}
.ny-contact .main .cont-box{max-width: 48%;}
.ny-contact .main .img-box{max-width: 48%;}
.ny-contact .main .cont-box .group-txt{margin-bottom: 4rem;}
.ny-contact .main .cont-box .group-txt .tt{font-size: 1.4rem;color: #000;font-weight: bold;}
.ny-contact .main .cont-box .group-txt .txt{font-size: 1.4rem;list-style: none;}
.ny-contact .main .cont-box .group-txt a.txt{text-decoration: underline;}
.ny-contact .main .cont-box .group-txt .gzh{margin-top: 4rem;}
.ny-contact .main .cont-box .group-txt .gzh img{max-width: 12rem;border: 1px solid #cdcdcd;}


/* 精品店服务 */
.ny-jpd{}
.ny-jpd .main{display: flex;justify-content: space-between;}
.ny-jpd .main .left{width: 500px;}
.ny-jpd .main .left .list{width: 100%;max-height: calc(100vh - 200px);overflow-y: auto;padding-right: 1rem;}
.ny-jpd .main .left .list li{background: #e6e9f0;padding: 2rem;margin-bottom: .5rem;border: 1px solid transparent;}
.ny-jpd .main .left .list li.on{border-color: #000;}
.ny-jpd .main .left .list li .title-box{display: flex;justify-content: space-between;align-items: center;}
.ny-jpd .main .left .list li .title-box .title{font-size: 1.8rem;font-weight: bold;color: #000;}
.ny-jpd .main .left .list li .title-box .detail{font-size: 1.2rem;color: #000;cursor: pointer;}
.ny-jpd .main .left .list li .title-box .detail i{font-size: 1.6rem;margin-left: 0.5rem;line-height: 1;transform: translateY(.1rem);}
.ny-jpd .main .left .list li .note{margin: 1.5rem 0;font-size: 1.4rem;color: #000;line-height: 2;}
.ny-jpd .main .left .list li .yy-btn{width: 7rem;height: 3.4rem;font-size: 1.4rem;padding: .5rem;position: relative;display: flex;justify-content: center;align-items: center;color: #fff;overflow: hidden;transition: all .3s;cursor: pointer;background: #787879;transition: all .5s ease-out;}
.ny-jpd .main .left .list li .yy-btn span{position: relative;z-index: 10;}
/* .ny-jpd .main .left .list li .yy-btn::before{content: "";width: 100%;height: 100%;background: #000;position: absolute;left: 0;top: calc(100% - 1px);transition: all .3s;} */
.ny-jpd .main .left .list li .yy-btn:hover{color: #fff;background: #000;}
/* .ny-jpd .main .left .list li .yy-btn:hover::before{top: 0;} */

/* 自定义滚动条 */
.ny-jpd .main .left .list::-webkit-scrollbar { width: 6px;background: #c6c6c6; }
.ny-jpd .main .left .list::-webkit-scrollbar-thumb { background-color: #000; border-radius: 5px; }

/* map */
.ny-jpd .main .right{width: calc(100% - 500px);padding-left: 2rem;}
.ny-jpd .main .right .map-box{width: 100%;}
.map-container{position:relative; min-height: calc(100vh - 200px); width:100%; font-size: 16px;border: 2px solid #e6e9f0;}
#map img{ max-width: inherit;}


/* 预约 */
.msg-box{position: fixed;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);left: 0;top: 0;display: flex;justify-content: center;align-items: center;z-index: 1000;display: none;}
.msg-box.show{display: flex;}
.msg-container{max-width: 1000px;max-height: 580px;width: 100%;height: auto;padding: 2.5rem;background: #fff;display: flex;justify-content: space-between;margin: 0 1rem;position: relative;}
.msg-container .cont{width: 45%;height: 100%;overflow-y: auto;}
.msg-container .cont .ptitle{font-size: 3rem;color: #000;margin-bottom: 1.5rem;}
.msg-container .cont .title{font-size: 1.8rem;color: #000;margin-bottom: 1.5rem;}
.msg-container .cont .note{font-size: 1.3rem;color: #333;line-height: 1.8;}

.msg-container .msg{width: 45%;}
.msg-container .msg .inp-item{margin: 1rem 0;position: relative;}
.msg-container .msg .inp-item .yzm{ position: absolute;cursor: pointer; right: 0; top: 50%;transform: translateY(-50%); border: none; z-index: 10; }

.msg-container .msg .inp-item input{width: 100%;line-height: 4rem;padding: 0 1rem;border: none;border-bottom: 1px solid #c6c6c6;outline: none;font-size: 1.4rem;}
.msg-container .msg .inp-item button{width: 9rem;height: 3.6rem;border: none;background: #787879;display: flex;justify-content: center;align-items: center;color: #fff;font-size: 1.4rem;margin-top: 2rem;}
.msg-container .msg .inp-item button:hover{ background: #000; }

.close-btn{ position: absolute; right: 1rem; top: 1rem; width: 2.5rem; height: 2.5rem; border-radius: 50%; background: #000; color: #fff; display: flex; justify-content: center; align-items: center; cursor: pointer; z-index: 10; }
.close-btn i{transform: translate(0,-1px);}



/* 社群 */
.ny-shequn{}
.ny-shequn .ptitle{font-size: 6rem;font-weight: bold;text-align: center;margin: 3rem 0 5rem;}
.ny-shequn .head{}
.ny-shequn .head .list{display: flex;justify-content: space-around;margin-bottom: 5rem;}
.ny-shequn .head .list li{text-align: center;}
.ny-shequn .head .list li img{width: 9.2rem;height: 9.2rem;}
.ny-shequn .head .list li .title{font-size: 2rem;margin-top: 1.5rem;color: #333;font-weight: 400;}

.ny-shequn .head .info{display: flex;}
.ny-shequn .head .info .cont-box{width: 33%;background: #000;display: flex;justify-content: center;padding: 0 5%;align-items: center;}
.ny-shequn .head .info .cont-box .txt{font-size: 1.8rem;color: #fff;}
.ny-shequn .head .info .img-box{width: 67%;}
.ny-shequn .head .info .img-box img{width: 100%;height: 100%;object-fit: cover;}

.ny-shequn .main{margin-top: 5rem;}
.ny-shequn .main .cate{margin: 0 -1rem;display: flex;border-bottom: 1px solid #f0f0f0;position: relative;z-index: 100;flex: 1;justify-content: space-between;}
.ny-shequn .main .cate2{margin:0;margin-left: 3rem;border: none;}
.ny-shequn .main .cate li{height: 5.5rem;padding: 0 1.6rem;font-size: 2rem;margin: 0 1rem;line-height: 5.5rem;color: #333;cursor: pointer;position: relative;white-space: nowrap;}


/* pcate */
.ny-shequn .main .cate .pcate{position: relative;}
.ny-shequn .main .cate .pcate .title{position: relative;}
.ny-shequn .main .cate li .title{font-size: 2rem;color: #333;}
.ny-shequn .main .cate li .title i{font-size: 2rem;color: #333;margin-left: 8px;}

.pcate_list{position: absolute;width: 150%;top: 130%;background: #fff;left: 50%;transform: translateX(-50%);
box-shadow: 0 -2px 5px rgba(0, 0, 0, .2);transition: all .5s ease-out;visibility: hidden;opacity: 0;max-height: 300px;overflow-y: auto;}

/* 滚动条样式 */
.pcate_list::-webkit-scrollbar {width: 6px;height: 6px;background-color: #f5f5f5;}
.pcate_list::-webkit-scrollbar-thumb {background-color: #c1c1c1;border-radius: 3px;}


.pcate_list .item{padding: .5rem 1rem;font-size: 1.6rem;color: #333;display: block;text-align: center;line-height: 3;}
.pcate_list .item:hover{ background: #f1f1f1; }
.pcate_list .arrow{ position: absolute; width: 0; height: 0; border: 10px solid transparent; border-bottom-color: #fff; left: 50%; transform: translateX(-50%); top: -20px; }

.ny-shequn .main .cate .pcate:hover .pcate_list{visibility: visible;opacity: 1;}

.ny-shequn .main .cate li.on{background: #d70050;color: #fff;}
.ny-shequn .main .cate li.on .title{color: #fff;}
.ny-shequn .main .cate li.on .title i{color: #fff;}






.ny-shequn .main .list{margin: 0 -1rem; margin-top: 3rem;display: flex;flex-wrap: wrap;}
.ny-shequn .main .list li{width: calc(20% - 2rem); box-shadow: 0 0 4px 2px rgba(0,0,0,.08); border-radius: 4px 4px 0 0; font-family: PingFangSC-Light,PingFang SC; font-weight: 300; color: rgba(0,0,0,.45);text-align: center; margin: 1rem;}
.ny-shequn .main .list li .img-box{overflow: hidden;position: relative;}
.ny-shequn .main .list li .img-box .ct{
position: absolute;
    font-family: "微软雅黑";
    top: 50%;
    left: 50%;
    font-weight: 400;
    transform: translateX(-40%);
    color: #fff;
    letter-spacing: .4rem;
    font-size: 100%;
}
.ny-shequn .main .list li .img-box .bg{width: 100%;}
.ny-shequn .main .list li .img-box .code-bg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0, 0, 0, .5);z-index: 10;display: flex;justify-content: center;align-items: center;visibility: hidden;opacity: 0;flex-wrap: wrap;}
.ny-shequn .main .list li .img-box .code-bg .code{padding: 1rem;background: #fff;max-width: 12rem;}
.ny-shequn .main .list li .img-box .code-bg .txt{color: #333;width: 100%;background: #fff;font-size: 1.2rem;padding-bottom: .5rem;}
.ny-shequn .main .list li .cont-box{padding: 1rem;}
.ny-shequn .main .list li .cont-box .txt{font-size: 1.4rem;}

.ny-shequn .main .list li:hover .img-box .code-bg{visibility: visible;opacity: 1;}






.wechat-ses{width: 70%; padding: 30px; background: #fff; border-radius: 10px; position: fixed; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: 1404; display: none;}
.wechat-ses .icon{width: 44px; height: 44px; display: block; margin: 0 auto;}
.wechat-ses .tit{font-size: 18px; font-weight: bold; text-align: center; margin-top: 10px; margin-bottom: 15px;}
.wechat-ses .note{font-size: 14px; color: #777; text-align: center; margin-bottom: 15px;}
.wechat-ses .wxbtn{text-align: center;}
.wechat-ses .wxbtn a{font-size: 14px; display: inline-block; padding: 8px 30px; background-color: #1aad17; color: #fff; border-radius: 6px;}
.wechat-wrap{background: rgba(0, 0, 0, .6); width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 1400; display: none;}
.wechat-dialog{width: 90%; background: #fff; border-radius: 10px; padding: 18px; position: fixed; left: 5%; top: 50%; transform: translate(0, -50%); z-index: 1211; display: none; box-sizing: border-box;}
.wechat-dialog .tit{text-align: center; font-size: 20px;}
.wechat-dialog .copy-wx{background: #f5f5f5; border-radius: 10px; padding: 20px; text-align: center; margin: 15px 0; color: #666;}
.wechat-dialog .copy-wx .info{font-size: 12px; color: #999;}
.wechat-dialog .copy-wx p span{color: #25ba45;}
.wechat-dialog .wx-close{position: absolute; right: 5px; top: 5px; font-size: 20px; padding: 0 10px; cursor: pointer;}
.wechat-mask{position: fixed; display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); left: 0; top: 0; z-index: 1210;}
.wechat-ses{width: 400px; max-width: 70%; padding: 30px; background: #fff; border-radius: 10px; position: fixed; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: 1404; display: none; box-shadow: 0 2px 20px 2px rgba(0, 0, 0, .5);}
.wechat-ses .icon{width: 44px; height: 44px; display: block; margin: 0 auto;}
.wechat-ses .tit{font-size: 18px; font-weight: bold; text-align: center; margin-top: 10px; margin-bottom: 15px;}
.wechat-ses .note{font-size: 14px; color: #777; text-align: center; margin-bottom: 15px;}
.wechat-ses .wxbtn{text-align: center;}
.wechat-ses .wxbtn a{font-size: 14px; display: inline-block; padding: 8px 30px; background-color: #1aad17; color: #fff; border-radius: 6px;}
.foot-bar{position: fixed; width: 100%; height: 54px; background: #1c50a2; left: 0; bottom: 0; z-index: 999;}
.foot-bar ul li{padding-top: 8px;}
.foot-bar ul li a{color: #fff; font-size: 12px; display: block; text-align: center;}
.foot-bar ul li a img{width: 18px;}
.foot-bar ul li a span{display: block; font-size: 1rem;}



@media screen and (max-width: 1680px) {
    .am-container { max-width: 1300px; }

    html { font-size: 55.5%; }

    /* .ty-contbox .cont-box .title{font-size: 4.8rem; line-height: 6rem; font-family: "Myriad Pro"; color: #fff; font-weight: 500;}
    .ty-contbox .cont-box .note{font-family: "Arial"; font-size: 1.4rem; line-height: 2rem; color: #333; margin: 4rem 0;}
    .ty-contbox .cont-box .btn{font-size: 1.4rem; border-radius: 0;} */
}

@media screen and (max-width: 1440px) {
    .am-container { max-width: 1200px; }

    .pro-1 .list .item { margin-right: 6rem; width: 30%; }
    .pro-1 .list .item:nth-child(2n) { top: 10rem; }
}


@media screen and (max-width:1024px) {
    html { background: #fafafa; }
    body {margin: 0 auto; background: #fff; zoom: 1;}
    .arccontent img { height: auto !important; }

    .all-pd{padding: 30px 0;}
    .all-pb{padding-bottom: 30px;}
    .all-pt{padding-top: 30px;}

    .header{background: rgba(255, 255, 255, .8); backdrop-filter: saturate(5) blur(20px);}
    .header-top{background: transparent;}
    .header .main .top{justify-content: space-between;align-items: center;}
    .header-menu{display: none;}

    .header .main .top .top-logo img{max-height: 45px;}

    .ty-btn { width: 110px; height: 40px; line-height: 40px;}
    .ty-contbox .cont-box .title{font-size: 24px; line-height: 1.5;}
    .ty-contbox .cont-box .note{font-size: 12px; line-height: 2; margin: 20px 0;}
    .ty-contbox .cont-box .btn{font-size: 12px; border-radius: 0;}

    .pro-1 {height: 500vh;}
    .pro-1 .list{padding-bottom: 50px;width: 100vw;padding-right: 20px;}
    .pro-1 .list .item { margin-right: 20px; width: 60%; position: relative; }
    .pro-1 .list .item:nth-child(2n) { top: 50px; }

    .pro-1 .list .item .onlink .cont-box .cate { font-size: 1.3rem; margin-top: 2rem; }
    .pro-1 .list .item .onlink .cont-box .title { font-size: 2rem; margin: 1rem 0 1.5rem; }
    .pro-1 .list .item .outlink { font-size: 1.3rem; }

    .ny-jpd .main {flex-wrap: wrap; }
    .ny-jpd .main .left { width: 100%; margin-bottom: 3rem;}
    .ny-jpd .main .right { width: 100%; padding-left: 0; }

    .map-container { position: relative; min-height: 350px; width: 100%; font-size: 16px; border: 2px solid #e6e9f0; }

    .ny-shequn .main .cate2 { margin: 0; margin-left: 3rem; border: none;overflow-x: scroll; }
    .ny-shequn .main .list li{width: calc(25% - 2rem);}




}

@media screen and (max-width: 768px) {
    .am-container{padding: 0 20px;}
    .cndns-right{display: none;}

    .f-logo img{max-height: 8rem;}
    .foot .f-menu { display: flex; justify-content: space-between; flex-wrap: wrap; }
    .foot .f-menu .list { padding: 1rem;width: 50%; }
    .foot .f-menu .list li .ltitle { font-size: 1.6rem; color: #fff; line-height: 1; margin-bottom: 1.5rem; }

    .copiright .main { display: flex; padding: 2rem 0; justify-content: space-between;flex-wrap: wrap; }

    .ny-page-title { font-size: 2.2rem; margin: 1rem 0 3rem; }

    .ny-pro .list { display: flex; flex-wrap: wrap; margin: 0 -1rem; }
    .ny-pro .list li { width: 50%; margin: 1.5rem 0; padding: 0 1rem;}

    .ny-pro-de .main {flex-wrap: wrap; }
    .ny-pro-de .main .left { width: 100%; }
    .ny-pro-de .main .right { width: 100%; margin-top: 3rem;}

    .ny-contact .main {flex-wrap: wrap; }
    .ny-contact .main .cont-box { max-width: 100%; width: 100%;}
    .ny-contact .main .img-box { max-width: 100%; width: 100%;}
    .ny-contact .main .img-box img{ width: 100%;}

    .ny-shequn .main .list li{width: calc(50% - 2rem);}

    .ny-shequn .ptitle { font-size: 3rem; margin: 1rem 0 3rem; }
    .ny-shequn .head .list li img { width: 6.2rem; height: 6.2rem; }
    .ny-shequn .head .list li .title { font-size: 1.3rem; margin-top: 1.5rem; }

    .ny-shequn .head .info { display: flex;flex-wrap: wrap; }

    .ny-shequn .head .info .cont-box { width: 100%; background: #000; display: flex; justify-content: center; padding: 2rem 5%; align-items: center; }
    .ny-shequn .head .info .cont-box .txt { font-size: 1.4rem; }
    .ny-shequn .head .info .img-box { width: 100%; }

    .ny-shequn .main .cate li { height: 4.5rem; padding: 0 1.6rem; font-size: 1.6rem; margin: 0 1rem; line-height: 4.5rem; color: #333; cursor: pointer; position: relative; white-space: nowrap; }

    .msg-container{flex-wrap: wrap;}
    .msg-container .cont,.msg-container .msg{width: 100%;}
    .msg-container .msg .inp-item input{padding-left: 0;}

    .foot .f-menu .list li .img-code{position: absolute;right: initial;left: 50%; padding: .5rem;background: #fff;top: 50%;transform: translateY(-50%);width: 12rem;visibility: hidden;opacity: 0;transition: all .5s ease-out;}
    .foot .f-menu .list li .img-code::after{ content: ""; position: absolute; left: -6px; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #fff;border-left: 0; }
    .foot .f-menu .list li .img-code img{width: 100%;}
    .foot .f-menu .list li:hover .img-code{visibility: visible;opacity: 1;right: initial; left: calc(50% + .5rem);}
	
	.ny-shequn .main .list li .img-box .ct {
    position: absolute;
    font-family: "微软雅黑";
    top: 51%;
    left: 50%;
    font-weight: 300;
    transform: translateX(-40%);
    color: #fff;
    letter-spacing: .4rem;
    font-size: 73%;
}
}