@font-face {
  font-family: 'Barlow-Bold';
  src: url('fonts/Barlow-Bold.woff') format('woff');
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow-Medium';
  src: url('fonts/Barlow-Medium.woff') format('woff');
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow-Regular';
  src: url('fonts/Barlow-Regular.woff') format('woff');
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow-Light';
  src: url('fonts/Barlow-Light.woff') format('woff');
  font-weight: 700;
  font-display: swap;
}

ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address,ol{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}

body{font-family: 'Barlow-Medium',sans-serif;--hover-color1:#71ba37;--hover-color2:#11847d;--white:#fff; --black:#000; --grey:#666; --grey2:#999; --rgb-white:255,255,255;--rgb-black:0,0,0; font-size: var(--font-size18);--rgb-hover:0,159,124; --radius: .2rem;}
a:hover {color: #000;}

.index_box{overflow: hidden;background: url(../images/index_bg.jpg) no-repeat center top;background-size: 100% 100%;}


.Header{position: fixed;width: 100%;left: 0;top: 0;transition: .3s all;z-index: 100; border-bottom:solid 1px rgba(255,255,255,0.2);}
.Header:after{content: '';position: absolute;width: 100%;height: calc(100% + .3rem);left: 0;top: 0;background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 82%, rgba(0, 0, 0, 0) 100%);z-index: 1;display: none}

.Header .logo img{max-width: 1.14rem;transition: .3s all}
.Header .logo img.black{display: none;}
.Header .menu{display: flex;justify-content: space-between;}
.Header .menu a{color: #fff;transition: .3s all;position: relative;display: block}
.Header .menu a::before{content: '';position: absolute;width: 0;height: 2px;background:var(--hover-color);left: 50%;bottom: -.06rem;transform: translateX(-50%);transition: .3s all}


.Header .top-right {display: flex;align-items: center;}
.top-lang {position: relative;z-index: 200;margin:0 .5rem}
.top-lang span {display: block;font-size: var(--font-size14);padding-left: 0.26rem;line-height: 1.57142857;background: no-repeat url(../images/top-lang-w.svg) left center; background-size: .18rem auto; cursor: pointer; color: #fff}
.top-lang .hover {position: absolute;top: 100%;left: 50%;width: max-content;background-color: #fff; padding:1.2em 1em;visibility: hidden;opacity: 0;transform: translate(-50%,0.3rem);transition: 0.3s;text-align: center;font-size: var(--font-size14);}
.top-lang .hover a:not(:hover) {color: #333}
.top-lang .hover li + li {margin-top: 0.5em}
.top-lang.active .hover {visibility: visible;opacity: 1;transform: translate(-50%,0)}

.top-language{position: relative;margin-right: .5rem;display: flex;align-items: center;}
.top-language a{color: #fff;font-size: var(--font-size16);}
.top-language a:hover{color:#ffc11e;}
.top-language i{width: 1px;height: .12rem;background: #fff;margin: 0 .1rem;opacity: .4;transform: translateY(1px);}

.Header .open-search { display: block; width: 0.2rem; height: 0.2rem; background: url(../images/search.svg) no-repeat center center; background-size: .18rem auto; cursor: pointer;transition: .3s all}
.Header .top-search { position: absolute; top: 100%; right: 0; width: 4rem; background-color: var(--white); display: flex; align-items: center; justify-content: center; border-radius: 0 0 0.1rem 0.1rem; overflow: hidden; opacity: 0; visibility: hidden; transform: translateY(0.3rem); transition: 0.3s;}
.Header .top-search .text { flex: 1; border: 0; height: .5rem; line-height: .5rem; padding: 0 .2rem;}
.Header .top-search .text:not(.focus) { color: rgba(var(--rgb-999),1);}
.Header .top-search .btn { width: .5rem; height: .5rem; display: block; background: url(../images/search-on.svg) no-repeat center center; background-size: auto 0.22rem;cursor: pointer;}
.search-show .Header .top-search { opacity: 1; visibility: visible;transform: translateY(0);}


/*滚动后*/
.Header:hover,
.Header_fixed,
.Header_white{box-shadow: 0 3px 6px rgba(0,0,0,.05);background: #fff}

.Header:hover .logo img.white,
.Header_fixed .logo img.white,
.Header_white .logo img.white{display: none}

.Header:hover .logo img.black,
.Header_fixed .logo img.black,
.Header_white .logo img.black{display: block}

.Header:hover .menu a,
.Header_fixed .menu a,
.Header_white .menu a{color: #333}

.Header:hover .open-search,
.Header_fixed .open-search,
.Header_white .open-search{background: url(../images/search-on.svg) no-repeat center center; background-size: .18rem auto;}

.Header:hover .top-language a:not(:hover),
.Header_fixed .top-language a:not(:hover),
.Header_white .top-language a:not(:hover){color: #333;}

.Header:hover .top-language i,
.Header_fixed .top-language i,
.Header_white .top-language i{background: #000;}

.Header:hover .top-lang span,
.Header_fixed .top-lang span,
.Header_white .top-lang span {color: #333;background: no-repeat url(../images/top-lang.svg) left center;background-size: .18rem auto;}

.Header:hover:after,
.Header_fixed:after{display: none}

.Header .menu li:hover span a,
.Header .menu li.aon span a{color:#ffc11e;}

.Header .menu li:hover a::before,
.Header .menu li.aon a::before{width: 100%}

@media(min-width:1025px){
    .Header .autoCon-1800{width: 90%}
    .Header .top-mid{width: 50%;}
    .Header .menu li {margin-left:.4rem;position: relative}
    .Header .menu{ margin-right:.8rem;}
    .Header .menu li span{line-height:.8rem;}

    .menu li.active .sub { transform: translate(-50%,0); visibility: visible; opacity: 1}
    .menu li .sub {position: absolute;top: 100%;border-radius: 0 0 0.1rem 0.1rem;width: 3rem;left: 50%;transform: translateX(-50%); box-shadow: 0 0.05rem 0.05rem rgba(0,0,0, 0.1);background-color: #fff; display: none}
    .menu li .sub dl{ padding: 0.1rem 0;}
    .menu li .sub dd{line-height: calc(30 / 16);}
    .menu li .sub dd a{padding:calc(5 / 16 * 1em) 0.38rem;}
    .menu li .sub dd a:after{position: absolute;right: 0.38rem; top: 50%; width: 0.13rem;height: 0.13rem;background: url(../images/more.svg) no-repeat center center / contain; transform: translateY(-50%) translateX(-0.2rem); content: ''; opacity: 0; transition: .3s;}
    .menu li .sub dd a:hover:after{transform: translateY(-50%) translateX(0); opacity: 1;}
    .menu li .sub dd a:hover{background: linear-gradient(-45deg,#000, #fbb219);color: #fff;}
	
	
	.Header .menu li.pro_sub{position: inherit}
	.Header .menu li.pro_sub .sub{left: 0; width: 100%;transform:none}
	.Header .menu li.pro_sub .inbox{display: flex;flex-wrap: wrap; position: relative}
	.Header .menu li.pro_sub .sub_item{width: 25%}
	.Header .menu li.pro_sub .sub_tit{border-bottom: solid 1px #000000;text-align: center;}
	.Header .menu li.pro_sub .sub_tit a{padding: 10px 0; }
	.Header .menu li.pro_sub .sub_box{display: none;}
	.Header .menu li.pro_sub .two_box{}
	.Header .menu li.pro_sub .two_tit{border-bottom: solid 1px #000000;height: 40px }
	.Header .menu li.pro_sub .two_tit a{padding: 10px 0;}
	.Header .copy_item{display: flex;transform: translateY(10px);}
	.Header .copy_item .two_box{flex: auto; max-width: 20%; padding: 20px}
	.Header .menu li.pro_sub .sub_item.on .sub_tit{ border-bottom-color: #ffc11e}
	.Header .menu li.pro_sub .sub_item.on .sub_tit a{color: #ffc11e; }
}

@media(max-width:1024px){
.Header{ padding:.1rem 0;}
.Header .autoCon-1800{height: 50px}
.Header .logo img{max-height: .32rem;}
.Header .open-search{margin-right: .3rem}
.Header .top-search{width: 100%}
.Header:hover .open-menu i,
.Header_fixed .open-menu i,
.Header_white .open-menu i{background: #000}
.Header .menu{position:fixed;left:-100%;opacity:0; transform:translateX(-100%);top:.7rem;bottom:0;width:3rem;background-color:#fff;box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1);transition: 0.3s;display: block;}
.Header .menu a{color: #333;}
.menu-show .menu {left: 0;opacity: 1;transform: translateX(0);}
.menu {overflow: auto;height: 100%;}
.menu li.has-sub span {padding-right: 1rem;}
.menu li.has-sub span:after{content: ''; display: block; width: 0.13rem;height: 0.08rem;background: center center no-repeat url(../images/Top003221-select.svg);background-size: contain; margin-left: 0.1rem; transition: 0.3s; position: absolute; right: 0.2rem; top: 50%;margin-top: -0.04rem;}
.menu li.has-sub.active span:after {transform: rotate(-180deg);}
.menu li span {line-height: 3; border-bottom: 1px solid rgba(0,0,0,0.1);display: block}
.menu li span a {justify-content: space-between;padding: 0 .2rem;}
.menu li .sub, 
.menu li .sub dl dl {display: none;}
.menu li.active .sub {display: block;}
.menu li .sub{background: #f5f5f5;padding: .2rem 0}
.menu li .sub dd {line-height: 1.2;position: relative;z-index: 1; padding: 0.5em 1em;}
.top-lang {margin:0 .3rem 0 0}
.open-menu{width: 32px;height: 32px;}

.Header .menu li.pro_sub .sub_item:not(:last-child){border-bottom: solid 1px #ddd}
.Header .menu li.pro_sub .sub_tit{ position: relative}
.Header .menu li.pro_sub .sub_tit a{padding: 10px;}
.Header .menu li.pro_sub .two_tit{ position: relative}
.Header .menu li.pro_sub .two_tit a{padding: 10px 20px;}
.Header .menu li.pro_sub .sub_box{display: none; background: #fffdfd}
.Header .menu li.pro_sub .two_box:not(:last-child){border-bottom: solid 1px #ddd}
.Header .menu li.pro_sub .pro_box{display: none;background: #fff}}
.Header .menu li.pro_sub .pro_box dd:not(:last-child){border-bottom: solid 1px #ddd}
.Header .menu li.pro_sub .pro_box a{padding: 5px 10px}
.Header .menu li.pro_sub .op{position: absolute; top: 0; right: 0; width:38px; height:38px;}
.Header .menu li.pro_sub .op.click { transform: rotate(180deg); }
.Header .menu li.pro_sub .op:before { position: absolute; content: ''; border: 4px solid transparent; border-top-color: #000; left: 50%; top: 50%; margin: -3px 0 0 -4px; }
.Header .menu li.pro_sub .op-multi{position: absolute; top: 0; right: 0; width:38px; height: 38px;}
.Header .menu li.pro_sub .op-multi:before,
.Header .menu li.pro_sub .op-multi:after{ position: absolute; content: ''; width: 30%; height: 1px; margin:auto; left: 0; right: 0;top: 0; bottom: 0; background: #000}
.Header .menu li.pro_sub .op-multi:after{transform: rotate(90deg);}
.Header .menu li.pro_sub .op-multi.click:after{ transform: rotate(0); }
}

@media(max-width:768px){
.Header .menu{top:.86rem;}
}
@media(max-width:640px){
.Header .autoCon-1800{height:40px}
.Header .menu{top:56px;}
}



/*  */
.Banner003223{position:relative;z-index:1;--white:#fff; }
.Banner003223 .swiper-wrapper{height: auto;}
.Banner003223 .txt{position:absolute;left:0;top:0;height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-align:center;align-items:center;z-index:13;color:var(--white)}
.Banner003223 .txt:where(h3,p,.index-more){opacity:0;transform:translateX(1rem);transition:0.5s;}
.Banner003223 .txt h3{margin:0;font-size:0.76rem;line-height:1.19047619;transition-delay:0.5s;letter-spacing: 10px;padding-top: 3.5rem;font-weight: normal;}
.Banner003223 .txt p{margin:.2rem 0 0 0;font-size:var(--font-size50);line-height:1.2;max-width:8.9rem;transition-delay:0.8s;padding-left: 1.4rem;font-family: 'hmr';line-height: 1}
.Banner003223 .txt p::before {position: absolute;content: "";left: 0px;height: 1px;width: 1rem;top: .3rem;background: linear-gradient(to right, #71ba37 0%, #11847d 100%);}
.Banner003223 .txt .index-more{transition-delay:1.1s}
.Banner003223 .controls-page{bottom:6.06826802%;position: absolute;z-index: 10;text-align: center;}
.Banner003223 .controls-page span{width: 0.14rem;height: 0.14rem; border: 1px solid rgba(255, 255, 255, 0.4); margin: 0 0.13rem; display: block; border-radius: 50%;opacity: 1; background: none;}
.Banner003223 .controls-page span.swiper-pagination-bullet-active {border-color:#fff;background-color:#fff;}
.Banner003223 .swiper-slide-active .txt :where(h3,p,.index-more){opacity:1;transform:translateX(0)}
.Banner003223 .swiper-slide img{transform: scale(1) rotate(0deg);}
.Banner003223 .swiper-slide-active img{transform: scale(2) rotate(20deg);transition: transform 50s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
@media (max-width:1024px) {
.Banner003223 .txt h3{font-size: .24rem;padding-top: 5vw;letter-spacing: 6px;}   
.Banner003223 .txt p{font-size: .14rem; margin-bottom: 2em;}
.Banner003223 .txt p::before {top: .15rem;}
.Banner003223 .index-more a{line-height: 3;}
.Banner003223 .index-more a:after,
.Banner003223 .index-more a::before{width: calc(3em - 0.08rem); height: calc(3em - 0.08rem);}
.Banner003223 .index-more a:after{margin-left: 0.3rem;}
}







.Bottom{background:#000000; background-size: cover;--white:#fff;--white-rgb:255,255,255;--white-opacity-10:rgba(var(--white-rgb),0.1);--white-opacity-30:rgba(var(--white-rgb),0.3);--white-opacity-50:rgba(var(--white-rgb),0.5);}
.Bottom,
.Bottom a:not(:hover){color:var(--white);}
.Bottom .logo img{max-width:1.14rem;box-shadow: 0 0px 3px rgba(255, 255, 255, .5);}
.Bottom .f-mid{padding:0.7rem 0;}
.Bottom .f-bottom{color:#fff; padding:0.3rem 0; font-size: var(--font-size16); position:relative;}
.Bottom .f-bottom .top-zd{ position:absolute; top:50%; right:0; width:.4rem; height:.4rem; background:#fff; margin-top:-.2rem;border-radius:100%; overflow: hidden; transform:rotate(-90deg); cursor:pointer;}
.Bottom .f-bottom .top-zd::after{content:'';display:block;width:100%;height:100%;background-image:url(../images/arrow.png); background-repeat:no-repeat; background-position:center; background-size:.16rem;}
.Bottom .f-bottom .top-zd:hover{ background-image:linear-gradient(90deg,#fbb219,#fff);}

.Bottom .f-mid .f-mid-l aside{padding-bottom: .1rem;opacity: .5}
.Bottom .f-mid .f-mid-r{text-align: right}
.Bottom .follow-us{display: flex;align-items: center;}
.Bottom .follow-us ol{opacity: .75;}
.Bottom .follow-us li{position: relative;z-index: 10}
.Bottom .follow-us li +li{margin-left: 0.2rem;}
.Bottom .follow-us li a{display: flex; border-radius: 50%;width:0.4rem; height:0.4rem; align-items:center; justify-content: center; transition: 0.3s; cursor: pointer;background:#fff;}
.Bottom .follow-us li a:after{width:100%; height:100%;background-position: center center; background-repeat: no-repeat; background-size:contain;transition: 0.3s; content: '';display: block;}
.Bottom .follow-us li a:hover:after{opacity: 1;}
.Bottom .follow-us li.li-utb a:after{background-image: url(../images/footer-icon1.png);} 
.Bottom .follow-us li.li-sm a:after{background-image: url(../images/footer-icon2.png);} 
.Bottom .follow-us li .hover{position: absolute; left: 50%;bottom: calc(100% + 0.12rem); background-color: var(--white); width: 1.5rem; margin-left: -0.75rem; border-radius: 0.04rem;display: flex;align-items: center; justify-content: center; height: 1.5rem; transform: translateY(-0.3rem); opacity: 0;visibility: hidden; transition: 0.3s;}
.Bottom .follow-us li a:hover{ background-image:linear-gradient(45deg,#fbb219,#fff);}
.Bottom .follow-us li.show .hover{ transform: translateY(0); opacity: 1; visibility: visible;}
.Bottom .follow-us li .hover:after{position: absolute; content: ''; top: 100%;left: 50%;border: 3px solid transparent; border-top-color: var(--white); margin-left: -3px;}
.Bottom .contact dt{margin-bottom:.4rem;display: block;color:#fff;}
.Bottom .contact dd{line-height:1.5; font-size:var(--font-size24);font-family:'Barlow-Bold';}
.Bottom nav dt{ position:relative; font-weight:500;font-size:var(--font-size24);margin-bottom:.2rem}
.Bottom nav dt a{ background:linear-gradient(90deg,#fbb219,#fff);-webkit-background-clip: text;background-clip: text;color: transparent;font-family:'Barlow-Bold';}
.Bottom nav dd{font-size: var(--font-size18); margin-bottom:.1rem;}
.Bottom nav dd a:not(:hover){color: var(--white-opacity-50); color:#fff;}
.Bottom nav dd a:hover{background:linear-gradient(90deg,#fbb219, #fff);-webkit-background-clip: text;background-clip: text;color: transparent;}
.Bottom nav dd img{width: 1rem;}
.Bottom .icp{display:flex;align-items: center;}
.Bottom .icp a{display:flex;}
.Bottom .icp a:before{display:block;content:'';  width: 0.18rem; height: 0.2rem; margin-right: 0.06rem;}
.Bottom .link a{display: inline-block;margin-left: .2rem}
.Bottom .code span{margin-left: .1rem}
.Bottom .code img{width: 1rem}

@media (min-width:1025px) {
.Bottom .f-mid{display: flex;justify-content: space-between}
.Bottom .f-mid nav{display: flex;justify-content: space-between}
.Bottom .f-bottom{border-top: 1px solid rgba(255,255,255,.08);}
.Bottom .contact{width: calc(300 / 1600 * 100%);}
.Bottom nav{width:calc(980 / 1600 * 100%);}
.Bottom nav dd{display: block!important;}
}
@media (max-width:1024px) {
.Bottom .logo{margin: 0 auto 0.2rem;}
.Bottom .follow-us{justify-content: center;}
.Bottom nav{display: none}
.Bottom nav dl{border-bottom: 1px solid var(--white-opacity-10);transition: 0.3s;}
.Bottom nav dt{overflow: hidden;padding: 0.1rem 0;}
.Bottom nav dd{display: none;}
.Bottom .wap-b-op{position: absolute;right: 0;top: 0;width: 0.3rem;height: 100%; top: 0;background: url(../images/Bottom-open.svg) no-repeat center center / 50% auto; transition: 0.3s;}
.Bottom dl.active{padding-bottom: 0.2rem;}
.Bottom .active .wap-b-op{transform: rotate(45deg);}
.Bottom .contact{ margin-bottom:.2rem;}
.Bottom .f-mid{padding-bottom:0; justify-content:center; text-align:center;}
.Bottom .copyright{text-align: center;}
.Bottom .icp{margin-top: 0.1rem;justify-content: center}
.Bottom .icp a{display: inline-flex;}

.Bottom .contact dt{ margin-bottom:.1rem;}
}




.cbanner{position: relative}
.cbanner .Ispic{padding-bottom: 33.403%;}
.cbanner .txt{position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding-top: .5rem}
.cbanner .txt .tit{font-size: var(--font-size40);color: #fff;padding-bottom: .35rem}
.cbanner .txt .desc{color: #fff;opacity: .85;}
.location{position: absolute;width: 100%;left: 0;bottom: .35rem;}
.location.prodetail{position: relative;left: auto;bottom: auto;padding: .2rem 0}
.location a{color: #fff;opacity: .5;}
.location.prodetail a{color: #000;}
.location a:hover{opacity: 1;}
.location span{color: #fff;}
.location.prodetail span{color: #000;}
.location i{margin: 0 .05rem;color: #fff;opacity: .5;}
.location.prodetail i{color: #000;}
@media(max-width:1024px){
.cbanner .Ispic{padding-bottom: 60.403%;}
.cbanner .txt{padding-bottom: .3rem}
.cbanner .txt .tit{padding-bottom: .15rem}
}



.ctitle{font-size:var(--font-size48);color: #000;font-family: 'Barlow-Bold';line-height: 1}
.ctitle.tc{text-align: center;}
.ctitle.white{color: #fff;}
@media(max-width:1024px){
.ctitle{font-size:var(--font-size36);}
}

.cmenu{background:#f7f7f7}
.cmenu li{margin:0 .4rem;}
.cmenu li a{display: block;line-height: .8rem;color: #000;position: relative;}
.cmenu li a::after{content: '';position: absolute;width: 100%;height: 2px;background: #000;left: 0;bottom: 0;opacity: 0}
.cmenu li:hover a::after,
.cmenu li.aon a::after{opacity: 1}
@media(max-width:1024px){
.cmenu li{margin:0 .2rem;}
.cmenu li a{line-height:.5rem;}
}

.prolist{padding: .8rem 0}
.prolist .list:not(:first-child){margin-top: .8rem}
.prolist .title{border-bottom: 1px solid #ddd;padding-bottom: .2rem;margin-bottom: .2rem;display: flex;justify-content: space-between;align-items: center}
.prolist .title .more{display: flex;justify-content: space-between;align-items: center}
.prolist .title .more i{background:url(../images/next-on.svg)no-repeat center #000;width: .2rem;height: .2rem;background-size: .06rem auto;margin-left: .12rem;border-radius: 50%}
.prolist .title2{font-family: 'Barlow-Bold';color: #000;text-align: center;padding-bottom: .5rem;font-size: var(--font-size40);text-transform: uppercase}
.prolist ul{display: flex;flex-wrap: wrap;}
.prolist li{width: 22.5%;margin-right: 3.33%;margin-top: 4%}
.prolist li:nth-child(4n){margin-right: 0;}
.prolist li a{display: block;position: relative}
.prolist li a::after{ content:'';position:absolute;width:100%;height:50%;border-radius:.1rem;background:#f7f7f7;bottom:0;left:0;}
.prolist li .pic{padding-bottom: 58.335%;position: relative;overflow: hidden;z-index: 10}
.prolist li .pic span{position: absolute;width: 100%;height: 100%;display: flex;justify-content: center;align-items: flex-end}
.prolist li .pic span img{width: 100%;object-fit: contain;max-width: 75%;max-height: 100%;}
.prolist li .txt{position: relative;font-family: 'Barlow-Bold';color: #000;padding: .3rem 0;text-align: center;z-index: 10}
@media(max-width:640px){
.prolist li{width:48%;margin-right:4%;margin-top: 4%}
.prolist li:nth-child(2n){margin-right: 0;}
}


.About{padding: 1rem 0}
.About .title{font-family: 'Barlow-Bold';color: #000;text-align: center;padding-bottom: .5rem}
.About .title .tit1{font-size: var(--font-size60);padding-bottom: .15rem}
.About .title .tit2{font-size: var(--font-size36);}
.About .con{line-height: 2;color: #000;text-align: center;margin: 0 auto;max-width: 75%}
.About .img{margin-top: .5rem}
.About .img img{border-radius: .1rem}
@media(max-width:640px){
.About .title .tit1{font-size: var(--font-size36);}
.About .title .tit2{font-size: var(--font-size26);}
.About .con{ max-width:100%;}
}

.Features{background: #f7f7f7;}
.wrap-social{padding: .8rem 0;overflow: hidden;}
.wrap-social .ctitle{margin-bottom: .5rem;}
.wrap-social .edit-info{line-height: 1.78;color: #000;}
.wrap-social .edit-info p:not(:last-child){padding-bottom: .15rem}
.wrap-social .style-3{width:calc(1322 / 880 * 100%);}
.wrap-social .style-4{margin: .5rem 0 .4rem;}
.wrap-social .swiper figure{border-radius: 0.1rem;}
.wrap-social .style-3 figure{padding-bottom: calc(286 / 430 * 100%);}
.wrap-social .style-4 figure{padding-bottom: calc(286 / 450 * 100%);}
.wrap-social .style-4 p{text-align: center;color:#000;font-size:0.18rem;margin-top:0.15rem;}
.wrap-social .has-opacity .swiper-slide:before{position: absolute;z-index: 29;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);content: '';border-radius: 0.1rem; transition: .5s all;}
.wrap-social .has-opacity .swiper-slide:hover:before{opacity: 0;}
.wrap-social .swiper h5{margin: 1em 0 0 0;line-height: calc(22 / 16); width: 80%;}
.wrap-social .swiper .txt{display: flex;align-items: flex-end; padding: 0 0.2rem 0.2rem; background: linear-gradient(to bottom, rgba(0,0,0, 0), rgba(0,0,0, 0.6)); border-radius: 0.1rem;position: absolute;left: 0; top: 0; width: 100%;height: 100%;z-index: 10;}
.wrap-social .swiper .txt h5{color: #fff;margin: 0;font-size: var(--font-size18);font-weight: normal}
.wrap-social .container{position: relative;}
.wrap-social .controls:before{display: block; content: '';height: 1px;flex: 1;background-color: #e6e6e6;display: none}
.wrap-social .controls .arrows{display: flex;align-items: center; justify-content: space-between;}
.wrap-social .controls .arrows a{position: relative; top: auto;display: flex; margin: 0;width: 0.46rem;height: 0.46rem; background: no-repeat center center; background-size: auto 0.14rem;z-index: 10; transition: var(--transition);cursor: pointer;border: 1px solid #333;border-radius: 50% }
.wrap-social .controls .arrows a::before{content: '';width: 100%;height: 100%;background: url(../images/icon-jt3.svg)no-repeat center;background-size: .14rem auto;}
.wrap-social .controls .arrows a.prev{left: -.6rem;}
.wrap-social .controls .arrows a.prev::before{transform: rotate(180deg);filter: grayscale(0) brightness(0);}
.wrap-social .controls .arrows a.next{right: -.6rem;}
.wrap-social .controls .arrows a.swiper-button-disabled{opacity: .1}
.wrap-social .controls .arrows a:not(.swiper-button-disabled):hover::before{opacity: 1;}
@media (min-width:1025px) {
    .wrap-social .swiper.overflow-auto{overflow: initial;}
    .wrap-social .controls .arrows{width: 100%;position: absolute;top: 72%;}
}
@media (max-width:1024px) {
    .wrap-social .edit-info{margin: var(--padding-margin__50) 0;}
    .wrap-social .right{margin-top: var(--padding-margin__50);}
    .wrap-social .controls .arrows{width: 1rem;margin: 0 auto}
    .wrap-social .controls .arrows a.prev{left: 0;}
    .wrap-social .controls .arrows a.next{right: 0;}
}





.Contact{padding: .8rem 0}
.Contact .ctitle{padding-bottom: .5rem}
.Contact .box1 .item{background: #f7f7f7;padding: .5rem;display: flex;flex-direction: column;justify-content: center;align-items: center;border-radius: .1rem}
.Contact .box1 .item .icon img{max-height: .5rem}
.Contact .box1 .item .txt{text-align: center;padding-top: .3rem;color: #000}
.Contact .box1 .item .txt .tit{font-size: var(--font-size22);font-family: 'Barlow-Bold';padding-bottom: .1rem}
.Contact .box1 .item .txt .tel{font-size: var(--font-size18);}
.Contact .bottomcon{text-align: center;padding-top:2%;}
.Contact .bottomcon h2{color:#000;font-size:0.22rem;}
.Contact .bottomcon .links{text-align: center;margin-top:0.25rem;}
.Contact .bottomcon .links a{width:0.5rem;height: 0.5rem;background:#f7f7f7;display: inline-block;border-radius: 50%;margin:0 0.05rem;}
.Contact .bottomcon .links a.ins{background:url(../images/ins.svg) no-repeat center/0.24rem #f6f6f6;}
.Contact .bottomcon .links a.youtube{background:url(../images/youtube.svg) no-repeat center/0.24rem #f6f6f6;}

.Contact .box2{margin-top: .8rem;position: relative}
.Contact .box2 .con{max-width: 10rem;width: 100%;margin: 0 auto 0;}
.Contact .box2 .title{color: #000;font-size: var(--font-size30);font-family: 'Barlow-Bold';}
.Contact .box2 .text{margin-top: .35rem;color: #000;line-height: 2;font-size: var(--font-size22);}
.Contact .box2 .text a{font-family: 'Barlow-Bold';text-decoration: underline;color: #000}
.Contact .box2:before{display: block;content: '';position: absolute;left: 1rem;top: 0;width: 1.22rem;height: .9rem;background-image: url('../images/y.png');background-size: 100%;z-index: 3;}
.Contact .box2:after{display: block;content: '';position: absolute;right: 1rem;bottom: 0;width: 1.22rem;height: .9rem;background-image: url('../images/y.png');background-size: 100%;z-index: 3;transform: rotateY(180deg);}
@media (min-width:1025px){
.Contact .box1{display: flex;justify-content: space-between}
.Contact .box1 .item{width: 31%;}
}
@media (max-width:1024px) {
.Contact .box1 .item{ margin-bottom:2%;}
}



.ARTISTS{padding: .8rem 0}
.ARTISTS .title{font-family:'Barlow-Bold';color: #000;text-align: center;padding-bottom: .5rem;font-size: var(--font-size60);text-transform: uppercase}
.ARTISTS .item{background: #f7f7f7;}
.ARTISTS .item:not(:last-child){margin-bottom: 3%;}
.ARTISTS .item .pic figure{padding-bottom: 100%;background: #000; background-repeat:no-repeat; background-size:cover;}
.ARTISTS .item .txt .tit{font-size: var(--font-size40);font-family: 'Barlow-Bold';color: #000;padding-bottom: .4rem}
.ARTISTS .item .txt .desc{color: #000;line-height: 2;font-size: var(--font-size20);}
.ARTISTS .item .txt .more{color: #000;text-decoration: underline;padding-top: .5rem;display: inline-block}
@media(min-width:1025px){
.ARTISTS .item{display: flex;justify-content: space-between;align-items: center}
.ARTISTS .item .pic{width: 50%;flex: 0 0 auto;}
.ARTISTS .item .txt{flex: 1;padding:0 5%;}
.ARTISTS .item:nth-child(2n) {flex-direction: row-reverse}
}
@media (max-width:640px){
.ARTISTS .title{ font-size:var(--font-size36);}
.ARTISTS .item .txt .tit{ padding:.2rem 0; font-size:var(--font-size36);}
.ARTISTS .item .txt .more{ padding:.2rem 0;}
}



.Artists_collaborated{background: #000;position: relative}
.Artists_collaborated .txt{position: absolute;width: 100%;height: 100%;}
.Artists_collaborated .txt .autoCon-1600{height: 100%;display: flex;align-items: center;justify-content: flex-end;}
.Artists_collaborated .txt .desc{line-height: 2;color: #fff;width: 45%;font-size: var(--font-size22);}
.Artists_collaborated .txt .desc p:not(:last-child){margin-bottom: .15rem}





.Artists_collaborated_list{padding: .8rem 0}
.Artists_collaborated_list .title{font-family: 'Barlow-Bold';color: #000;text-align: center;padding-bottom: .5rem;font-size: var(--font-size60);text-transform: uppercase}
.Artists_collaborated_list .list{display: flex;flex-wrap: wrap}
.Artists_collaborated_list .list .item{width: 32%;margin-right: 2%;margin-bottom: 2%}
.Artists_collaborated_list .list .item:nth-child(3n){margin-right: 0}
.Artists_collaborated_list .list .item a{display: block;position: relative}
.Artists_collaborated_list .list .item .pic {background: #000}
.Artists_collaborated_list .list .item .pic figure{padding-bottom: 70%;opacity: .85}
.Artists_collaborated_list .list .item .txt{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;align-items: center;justify-content: center;}
.Artists_collaborated_list .list .item .txt .tit{font-size: var(--font-size22);font-family: 'Barlow-Bold';color: #fff;padding: .12rem .15rem;position: relative}
.Artists_collaborated_list .list .item .txt .tit::before{content: '';position: absolute;width: 100%;height: 1px;background: #fff;left: 0;top: 0}
.Artists_collaborated_list .list .item .txt .tit::after{content: '';position: absolute;width: 100%;height: 1px;background: #fff;left: 0;bottom: 0}





.proindex{padding: .8rem 0}
.proindex .desc{color: #000;line-height: 2;text-align: center;font-size: var(--font-size22);max-width: 12rem;margin: 0 auto .5rem}
.proindex .img{position: relative}
.proindex .img .play{position: absolute;left: 0;top: 0;z-index: 10;width: 100%;height: 100%;background: url(../images/icon-play.png) no-repeat center center rgba(0,0,0,.2);background-size: auto .9rem;cursor: pointer;}
.proindex .img .files{position: absolute;z-index: 20;background-color: #000;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;}
.proindex .img .files video{width: 100%;height: 100%;display: block;}
.proindex .img .close{ cursor:pointer; width:2em; height:2em; position:absolute; z-index:4; right:0.625em; top:0.625em;}
.proindex .img .close::before,
.proindex .img .close::after{ position:absolute; content:''; width:80%; left:10%; height:3px; top:50%; margin-top:-1.5px; background:#fff; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.proindex .img .close::before{ transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}



.proindex2{background: #f7f7f7;position: relative;}
.proindex2 .pic figure{padding-bottom: 70%;}
.proindex2 .pic .pages{position: absolute;display: flex;justify-content: center;left: 0;bottom: .3rem;z-index: 10}
.proindex2 .pic .pages span{width: .14rem;height: .14rem;background: none;border: 2px solid #fff;opacity: 1}
.proindex2 .pic .pages span.swiper-pagination-bullet-active{background: #fff;opacity: 1}
.proindex2 .txt {padding: .8rem 0}
.proindex2 .txt .tit{font-size: var(--font-size40);font-family: 'Barlow-Bold';color: #000;padding-bottom: .4rem;text-align: center}
.proindex2 .txt .desc{line-height: 2;color: #000;font-size: var(--font-size20);}
.proindex2 .txt .desc p:not(:last-child){padding-bottom: .15rem;}
.proindex2 .txt .desc::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);border-radius: 2px;background-color: rgba(0,0,0,0.1);;}
.proindex2 .txt .desc::-webkit-scrollbar{width: 2px;background-color: rgba(0,0,0,0);}
.proindex2 .txt .desc::-webkit-scrollbar-thumb{border-radius: 2px;background-color: #000;}
@media(max-width:1024px){
.proindex2 .txt{ padding:.4rem 0;}
.proindex2 .txt .tit{font-size:var(--font-size28); padding-bottom:.2rem;}
}

.proindex3{padding: .8rem 0 1rem}
.proindex3 .title{font-family: 'Barlow-Bold';color: #000;text-align: center;padding-bottom: .5rem;font-size: var(--font-size40);text-transform: uppercase}
.proindex3 .tab{display: flex;justify-content: center;padding-bottom: .5rem}
.proindex3 .tab span{cursor: pointer;font-size: var(--font-size20);color: #999;margin: 0 .2rem;}
.proindex3 .tab span.active{color: #000;text-decoration: underline}

.proindex3 .tab-info ul{display: flex;flex-wrap: wrap;}
.proindex3 .tab-info li{width: 22.5%;margin-right: 3.33%;margin-top: 4%}
.proindex3 .tab-info li:nth-child(4n){margin-right: 0;}
.proindex3 .tab-info li a{display: block;position: relative}
.proindex3 .tab-info li a::after{content: '';position: absolute;width: 100%;height: 50%;border-radius: .1rem;background: #f7f7f7;bottom: 0;left: 0}
.proindex3 .tab-info li .pic{padding-bottom: 58.335%;position: relative;overflow: hidden;z-index: 10}
.proindex3 .tab-info li .pic span{position: absolute;width: 100%;height: 100%;display: flex;justify-content: center;align-items: flex-end}
.proindex3 .tab-info li .pic span img{width: 100%;object-fit: contain;max-width: 75%;max-height: 100%;}
.proindex3 .tab-info li .txt{position: relative;font-family: 'Barlow-Bold';color: #000;padding: .3rem 0;text-align: center;z-index: 10}


.proindex4{padding: .8rem 0 1rem}
.proindex4 .title{font-family: 'Barlow-Bold';color: #000;text-align: center;padding-bottom: .5rem;font-size: var(--font-size40);text-transform: uppercase}
.proindex4 .con{position: relative;}
.proindex4 .con .btn a{position: absolute;width: .46rem;height: .46rem;background: url(../images/icon-jt3.svg)no-repeat center;background-size: .14rem auto;top: 50%;transform: translateY(-50%);border: 1px solid #333;border-radius: 50%}
.proindex4 .con .btn .prev{left: -.8rem;transform:translateY(-50%) rotate(180deg)}
.proindex4 .con .btn .next{right: -.8rem;}
.proindex4 .con .btn a.swiper-button-disabled{opacity: .1}
.proindex4 .swiper{padding-top: .5rem}
.proindex4 .swiper-slide a{display: block;position: relative}
.proindex4 .swiper-slide a::after{content: '';position: absolute;width: 100%;height: 50%;border-radius: .1rem;background: #f7f7f7;bottom: 0;left: 0}
.proindex4 .swiper-slide .pic{padding-bottom: 58.335%;position: relative;overflow: hidden;z-index: 10}
.proindex4 .swiper-slide .pic span{position: absolute;width: 100%;height: 100%;display: flex;justify-content: center;align-items: flex-end}
.proindex4 .swiper-slide .pic span img{width: 100%;object-fit: contain;max-width: 75%;max-height: 100%;}
.proindex4 .swiper-slide .txt{position: relative;font-family: 'Barlow-Bold';color: #000;padding: .3rem 0;text-align: center;z-index: 10}
@media(max-width:1024px){
.proindex4{ padding:.5rem 0;}
.proindex4 .title{font-size:var(--font-size28); padding-bottom:.3rem;}
.proindex4 .con .btn .prev{right:.1rem; z-index:10;}
.proindex4 .con .btn .next{right:.1rem; z-index:10;}
}

.proindex5{padding: .8rem 0}
.proindex5 .item:not(:last-child){margin-bottom: 3%;}
.proindex5 .item .pic figure{padding-bottom: 70%;border-radius: .1rem}
.proindex5 .item .txt .tit{font-size: var(--font-size40);font-family: 'Barlow-Bold';color: #000;padding-bottom: .4rem}
.proindex5 .item .txt .desc{color: #000;line-height: 2;font-size: var(--font-size20);}
.proindex5 .item .txt .desc p:not(:last-child){padding-bottom: .15rem;}
.proindex5 .item .txt .more{color: #000;text-decoration: underline;padding-top: .5rem;display: inline-block}
@media(min-width:1025px){
.proindex5 .item{display: flex;justify-content: space-between;align-items: center}
.proindex5 .item .pic{width: 50%;flex: 0 0 auto;}
.proindex5 .item .txt{flex: 1;padding-right: 5%;}
.proindex5 .item:nth-child(2n) {flex-direction: row-reverse}
.proindex5 .item:nth-child(2n) .txt{padding-right: 0;padding-left: 5%}
}
@media(max-width:1024px){
.proindex5{ padding:.5rem 0;}
.proindex5 .item .txt .tit{font-size:var(--font-size28); padding:.2rem 0;}
}


.product_info{display: flex; flex-wrap: wrap; align-items: start; justify-content: space-between; padding: .4rem 0 .8rem;}
.product_info .product_info_img{width: 55%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.product_info .product_info_img .big_img{width: 85%; border: 1px solid #eeeeee;}
.product_info .product_info_img .big_img li .pic{padding-bottom: 80%;position: relative;overflow: hidden;}
.product_info .product_info_img .big_img li .pic span{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;justify-content: center;align-items: center;}
.product_info .product_info_img .big_img li .pic span img{width: 100%;max-width: 70%;max-height: 70%;object-fit: contain}
.product_info .product_info_img .small_img{width:12%; position: relative; padding:.3rem 0;}
.product_info .product_info_img .small_img li{ width:100%; margin-bottom: .13rem; cursor: pointer;position: relative}
.product_info .product_info_img .small_img li .pic{padding-bottom:80%;position: relative;overflow: hidden;border:1px solid #eeeeee;}
.product_info .product_info_img .small_img li .pic span{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;justify-content: center;align-items: center;}
.product_info .product_info_img .small_img li .pic span img{width: 100%;max-width: 70%;max-height: 70%;object-fit: contain}
.product_info .product_info_img .small_img .slick-arrow{position: absolute; overflow: hidden; text-indent: -9999px; height: 1em; font-size: calc(16/16 * 1em); width: 100%; background: #ededed url(../images/product_arrow.svg) no-repeat center; background-size: auto .08rem;border: 0}
.product_info .product_info_img .small_img .slick-arrow.slick-prev{top: 0; transform: rotate(180deg);}
.product_info .product_info_img .small_img .slick-arrow.slick-next{bottom: 0;}
.product_info .product_info_img .small_img li.slick-current .pic{ border-color:#000;}

.product_info .text{width:40%;}
.product_info .text .title{font-size: var(--font-size40);font-family: 'Barlow-Bold';color: #000;padding-bottom: .4rem;margin-bottom: .4rem; border-bottom: 1px solid #ebebeb; }
.product_info .text .desc{line-height: 2;color:#000}
@media(max-width:1024px){
.product_info .text{width:100%; margin-top:.4rem;}
}

@media(max-width:640px){
.product_info .text .title{ font-size:var(--font-size30); padding-bottom:.2rem; margin-bottom:.2rem;}
.product_info .product_info_img{ width:100%;}
.product_info .product_info_img .big_img{ width:100%;}
.product_info .product_info_img .small_img{ width:100%; padding:.1rem .4rem;}
.product_info .product_info_img .small_img li{ margin:5px;}
.product_info .product_info_img .small_img .slick-arrow{ margin:0; bottom:auto; top:50%!important; margin-top:-.15rem; height:.3rem; width:.3rem;}
.product_info .product_info_img .small_img .slick-arrow.slick-prev{ left:0; transform:rotate(90deg);}
.product_info .product_info_img .small_img .slick-arrow.slick-next{ right:0; transform:rotate(-90deg);}
}

.product_info2{padding-bottom: .8rem}
.product_info2 .tab {display: flex;}
.product_info2 .tab span{color: #999;line-height: .6rem;padding:0 .5rem;cursor: pointer}
.product_info2 .tab span.active{background: #000;color: #fff;border-radius: .1rem .1rem 0 0 }
.product_info2 .tab-info .box{background: #f7f7f7;padding: .5rem .7rem;border-radius: 0 0 .1rem .1rem}
.product_info2 .tab-info .box .title{font-size: var(--font-size26);font-family: 'Barlow-Bold';color: #000;padding-bottom: .3rem;}
.product_info2 .tab-info .box .con{line-height: 2;color: #333}
.product_info2 .tab-info .box .con .img{width: 40%;float: right;margin-left: .5rem;}
@media(max-width:1024px){
.product_info2 .tab span{ padding:0 .2rem;}
}
@media(max-width:640px){
.product_info2{padding-bottom:.4rem}
.product_info2 .tab{ flex-wrap:wrap;}
.product_info2 .tab-info .box{ padding:.3rem;}
.product_info2 .tab span{ padding:0 .15rem; line-height:.5rem;}
}

.product_info3 .list{display: flex;flex-wrap: wrap;}
.product_info3 .item figure{padding-bottom: 66.18%}

.product_info3 .video{padding-top: .5rem}
.product_info3 .video .autoCon-1600{position: relative}
.product_info3 .video .play{position: absolute;left: 0;top: 0;z-index: 10;width: 100%;height: 100%;background: url(../images/icon-play.png) no-repeat center center rgba(0,0,0,.2);background-size: auto .9rem;cursor: pointer;}
.product_info3 .video .files{position: absolute;z-index: 20;background-color: #000;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;}
.product_info3 .video .files video{width: 100%;height: 100%;display: block;}
.product_info3 .video .close{ cursor:pointer; width:2em; height:2em; position:absolute; z-index:4; right:0.625em; top:0.625em;}
.product_info3 .video .close::before,
.product_info3 .video .close::after{ position:absolute; content:''; width:80%; left:10%; height:3px; top:50%; margin-top:-1.5px; background:#fff; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.product_info3 .video .close::before{ transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}

.product_info3 .qjbox{position: relative;overflow: hidden;}
.product_info3 .qjbox .bg figure{padding-bottom: 41.754%;}
.product_info3 .qjbox .txt{position: relative;width: 100%;height: 100%;display: flex;align-items: center;background: #000;padding: 5% 10%}
.product_info3 .qjbox .txt .tit{font-size: var(--font-size40);font-family: 'Barlow-Bold';color: #fff;padding-bottom: .4rem;text-align: center}
.product_info3 .qjbox .txt .desc{color: #fff;line-height: 2;font-size: var(--font-size20);text-align: center}
@media(min-width:1025px){
.product_info3 .item{width:50%;}
}

.product_info3 .picturestyle{margin-top:0.5rem;}
.product_info3 .picturestyle .autoCon-1600{position: relative;}
.product_info3 .picturestyle .txt{position: absolute;left:0;bottom:0;padding: 4% 4% 3%;line-height: 2;color:#fff;background-image: linear-gradient(transparent,rgba(0,0,0,0.8));}

.product_info4{padding: .8rem 0;background: #f7f7f7;margin-top: .8rem;overflow: hidden}
.product_info4 .title{display: flex;align-items: center;justify-content: space-between;padding-bottom: .3rem}
.product_info4 .title .tit{font-size: var(--font-size40);font-family: 'Barlow-Bold';color: #000;}
.product_info4 .title .btn{display: flex;}
.product_info4 .title .btn .slick-arrow{position: relative; top: auto;display: flex; margin: 0;width: 0.46rem;height: 0.46rem; background: no-repeat center center; background-size: auto 0.14rem;z-index: 10; transition: var(--transition);cursor: pointer;border: 0;font-size: 0 ;border-radius: 50%;border: 1px solid #333}
.product_info4 .title .btn .slick-arrow::before{content: '';width: 100%;height: 100%;background: url(../images/icon-jt3.svg)no-repeat center;background-size: .14rem auto;}
.product_info4 .title .btn .slick-prev{left: auto;}
.product_info4 .title .btn .slick-prev::before{transform: rotate(180deg);filter: grayscale(0) brightness(0);}
.product_info4 .title .btn .slick-next{right: auto;}
.product_info4 .title .btn .slick-arrow.slick-disabled{opacity: .1}
.product_info4 .title .btn .slick-arrow:not(.slick-disabled):hover::before{opacity: 1;}
.product_info4 .slider{width: 115%;}
.product_info4 li{padding: .4rem;background: #fff;background-size: 100% 100%;border-radius: .1rem;margin-right: .4rem}
.product_info4 li .review-pic figure{padding-bottom: 60%;}
.product_info4 li .review-header{font-size:var(--font-size24);font-family: 'Barlow-Bold';color: #000;padding: .2rem 0 }
.product_info4 li .review-content{color: #666;font-size:var(--font-size16);line-height: 1.75}
@media(max-width:1024px){
.product_info4 .slider{ width:calc(100% + .4rem);}
}
@media(max-width:640px){
.product_info4 .title .tit{ font-size:var(--font-size36);}
}


.wholesaler{padding: .8rem 0}
.wholesaler .form li{position: relative;}
.wholesaler .form li .tit{position: absolute;left: .2rem; top: 0;font-size:var(--font-size16); line-height:.5rem;color: #000;}
.wholesaler .form li select,
.wholesaler .form li .text{width: 100%;border-radius: 5px; border: solid 1px #000;font-size:var(--font-size16);line-height:.5rem;height:.5rem; background: none;padding: 0 .2rem;}
.wholesaler .form li textarea.text{height: auto;}
.wholesaler .form .btn{width: 1.6rem; background: #000;border-radius: 5px;font-size:var(--font-size16);height:.5rem;color: #fff;cursor: pointer; border: 0;margin-left: .1rem;color: #fff}

.wholesaler .list{display: flex;flex-wrap: wrap;padding-top: .5rem}
.wholesaler .list .item{width: 32%;margin-right: 2%;margin-bottom: 2%}
.wholesaler .list .item:nth-child(3n){margin-right: 0}
.wholesaler .list .item .pic figure{padding-bottom: 66%;border-radius: .1rem;}
.wholesaler .list .item .txt{text-align: center;font-size:var(--font-size22);color: #000;padding-top: .15rem}

@media(min-width:1025px){
.wholesaler .form {display: flex;justify-content: center;align-items: center;}
.wholesaler .form ul{width: 60%;}
.wholesaler .form .row-2 li{float: left;width:calc(50% - 5px);}
.wholesaler .form .row-2 li:nth-child(2n){float: right;}
}





.Buy{padding: .8rem 0}
.Buy .left li{border-bottom: 1px solid #ebebeb;}
.Buy .left li a{display: block;line-height: .8rem;font-size:var(--font-size22);color: #000;padding: 0 .2rem;font-family: 'Barlow-Regular';}
.Buy .left li.on a{color: #fff;background: #000;line-height: 0.6rem}
.Buy .item + .item{margin-top: .8rem}
.Buy .table{}
.Buy .table th,
.Buy .table td{ text-align:center;border-collapse:collapse; line-height:18px; padding:15px;font-size:var(--font-size18);color: #000;font-family: 'Barlow-Regular';height: .66rem}
.Buy .table td a{color: #000;}
.Buy .table tr:nth-child(2n-1){background: #f5f5f5}
.Buy .table .th_1{ background: #000;color: #fff;font-size:var(--font-size30);text-align: left;padding-left: .3rem}
.Buy .table .td1{border-bottom: 1px solid #ebebeb;}
.Buy .table .td3{ width: 50%;}
@media(min-width:1025px){
.Buy .autoCon-1600{display: flex;justify-content: space-between;}
.Buy .left{width: 15%;flex: 0 0 auto}
.Buy .right{width: 80%;}
}

@media(max-width:640px){
.Buy .left{ margin-bottom:.3rem;}
.Buy .table{ overflow: auto}
.Buy .table table{ width:max-content;}
.Buy .table table tr td{ max-width:20em; line-height:1.5;}
}


/* .TextList000746 为demo编号 */
.TextList000746{padding: 0.8rem 0;}
.TextList000746 li{line-height:1.8;width:48%;float:left;margin-right:4%; padding:0.26rem 0rem;border-bottom:1px solid #e8e8e8;}
.TextList000746 li a{ padding-left:0.5rem; background:url(../images/pdf-icon.svg) no-repeat 0px center/0.4rem;font-size:var(--font-size18);color:#000;}
.TextList000746 li time{ float:right; color:#000; font-size:var(--font-size16); margin-left:0.1rem;margin-top:0.02rem;}
.TextList000746 li:nth-child(2n){margin-right:0;}
@media(max-width:640px){
.TextList000746 li{ width:100%; margin-right:0;}
}


/* 首页 */
.index-ban .text{ position:absolute; left:0; top:0; width:100%; height:100%; color:#fff;}
.index-ban .autoCon-1600{ height:100%;}
.index-ban .text .tit{ font-size:.72rem; width:52%;text-transform: uppercase;font-family:'Barlow-Bold';}
.index-ban .text .wtd80{ width:70%; margin-left:13%;}
.index-ban .text .iol{color:#fbb219;font-family: 'Barlow-Bold';}
.index-ban .text .tit2{ font-size:.72rem; text-transform: uppercase;font-family: 'Barlow-Bold';}
.index-ban .text .tit2 em{ font-style:normal; border-bottom:solid 2px #ffc11e;}
.index-ban .text .tit2 span{background-image:linear-gradient(90deg,#ffc11e,#fff); -webkit-background-clip:text; color:transparent;}
.index-ban .more{ margin-top:.4rem;}
.index-ban .more a{ font-size:.18rem; display:block; color:#000; min-width:1.6rem; padding:.15rem .2rem; background:#fff; border-radius:.1rem;}
.index-ban .more span{ display:block; background-image: url(../images/arrow.png); background-repeat:no-repeat; background-position:center right; background-size:.24rem; padding-right:.25rem; text-transform: uppercase;font-family:'Barlow-Bold';}
.index-ban .swiper-pagination{ font-size:0;  bottom:.5rem;}
.index-ban .swiper-pagination .swiper-pagination-bullet{ margin:0 .1rem; background:transparent; width:.3rem; height:.3rem; border:solid .02rem transparent; opacity:1; line-height:.3rem; text-align:center; cursor:pointer; font-size:0;}
.index-ban .swiper-pagination .swiper-pagination-bullet::after{ content:''; display:inline-block; width:.06rem; height:.06rem; background:#fff; border-radius:1rem;}
.index-ban .swiper-pagination .swiper-pagination-bullet-active{ border-color:#fff;}
.index-ban .more a:hover{background:#000000; color:#fff;}
.index-ban .more a:hover span{ background-image: url(../images/arrow-white.png);}

.index-video{ padding:1.1rem .1rem;}
.index-video video{ display:block; width:100%;}
.index-video .play{ width:.9rem; height:.9rem; background-image: url(../images/play.png); background-repeat:no-repeat; background-position:center; background-size:contain; position:absolute; left:50%; top:50%; margin-top:-.45rem; margin-left:-.45rem; z-index:5; cursor:pointer;}
.index-video .over{ overflow:hidden; border-radius:.1rem;}

.index-switch .item-switch{ padding:0 0 1rem;}
.index-switch .item-switch .item{ padding:.6rem 0 .1rem;overflow: hidden}
.index-switch .item-switch .item .pic{ position:relative; z-index:5; visibility:inherit; opacity:1; transition:.3s;}
.index-switch .item-switch .item .pic figure{ padding-bottom:61%; background-repeat:no-repeat; background-position:center; background-size:contain;}
.index-switch .item-switch .item::after{ position:absolute; left:0; bottom:0; content:''; width:100%; height:50%; background:#121212; border-radius:.1rem;display:none; }
.index-switch .item-switch.swiper3 .item::after{ background:#f7f7f7;}
.index-switch .item-switch .item .txt{ position:relative; z-index:5; padding:0 .1rem;}
.index-switch .item-switch .item .tit{ padding:.25rem 0; color:#000; text-align:center;font-family: 'Barlow-Bold';}
.index-switch .item-switch.swiper3 .item .tit{ color:#000;}
.index-switch .item-switch .item .inter{ position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; z-index:4; border-radius:.1rem; visibility:hidden; opacity:0; transition:.3s;}
.index-switch .item-switch .item:hover .pic{ /*visibility:hidden; opacity:0;*/ transform: scale(1.05)}
.index-switch .item-switch .item:hover .tit{/* color:#fff; backdrop-filter:none;backdrop-filter:saturate(180%) blur(10px);*/}
.index-switch .item-switch .item:hover .inter{ /*visibility:inherit; opacity:1;*/}
.index-switch .item-switch .swiper-but{ top:40%; width:.46rem; height:.46rem; cursor:pointer;border: 1px solid #333;border-radius: 50%;}
.index-switch .item-switch .swiper-but::after{ width:100%; height:100%; font-size:0; background-image:url(../images/icon-jt3.svg); background-repeat:no-repeat; background-position:center; background-size:.14rem;}
.index-switch .item-switch .swiper-button-prev{ left:-.5rem; transform:rotate(-180deg);}
.index-switch .item-switch .swiper-button-next{ right:-.5rem;}
.index-cp .item-cp .text{ color:#fff; position:absolute; left:0; top:0; width:100%; height:100%;}
.index-cp .item-cp .text .tit{ text-align:center; font-size:var(--font-size48); text-transform:uppercase;font-family: 'Barlow-Bold';}
.index-cp .item-cp .more{ margin-top:.4rem;transform: translateY(1.2rem);}
.index-cp .item-cp .more a{ font-size:.18rem; display:block; color:#000; min-width:1.6rem; padding:.15rem .2rem; background:#fff; border-radius:.1rem;}
.index-cp .item-cp .more span{ display:block; background-image: url(../images/arrow.png); background-repeat:no-repeat; background-position:center right; background-size:.24rem; padding-right:.25rem; text-transform: uppercase;font-family:'Barlow-Bold';}
.index-cp .item-cp .more a:hover{background:#000000; color:#fff;}
.index-cp .item-cp .more a:hover span{ background-image: url(../images/arrow-white.png);}

.index-important{ padding:1rem 0;}
.index-important .title{ margin-bottom:.35rem; font-size:var(--font-size34); text-transform: uppercase; color:#000000;font-family: 'Barlow-Bold';}
.index-important li{font-size:var(--font-size16);border-bottom:solid 1px rgba(0, 0, 0, 0.1);}
.index-important li a{padding:.25rem .1rem; color:#000000;}
.index-important li:first-child{border-top:solid 1px rgba(0, 0, 0, 0.1);}
.index-important li .name{ width:1.8rem; margin-right:.1rem;}
.index-important li .tit{ width:calc(100% - 2rem); padding-right:.3rem;}
.index-important li:hover .tit{ background-image:url(../images/arrow.png);background-repeat:no-repeat; background-position:center right; background-size:.24rem;}
.index-important li:hover{border-bottom:solid 1px rgba(0,0,0,1);}
.index-important .more{ margin-top:.4rem;}
.index-important .more a{font-size:var(--font-size16); display:block; color:#000; min-width:1.6rem;padding:.15rem .2rem;border-radius:.1rem;border: 1px solid #000;transition: .3s all}
.index-important .more span{ display:block; background-image: url(../images/arrow.png); background-repeat:no-repeat; background-position:center right; background-size:.24rem; padding-right:.25rem; text-transform: uppercase;font-family:'Barlow-Bold';transition: .3s all}
.index-important .more:hover a{color: #fff;background: #000;}
.index-important .more:hover span{background-image: url(../images/arrow-white.png); background-repeat:no-repeat; background-position:center right; background-size:.24rem;}



@media(max-width:1024px){
.index-ban .text .tit{ font-size:.43rem;}
.index-ban .text .tit2{ font-size:.43rem;}
.index-ban .more a{ font-size:var(--font-size16); padding:.12rem .2rem; min-width:1.3rem;}
.index-ban .more span{ background-size:.18rem;}
.index-video .play{ width:.5rem; height:.5rem; margin-top:-.25rem; margin-left:-.25rem;}
.index-switch .item-switch .item .pic figure{ padding-bottom:50%;}
.index-switch .item-switch .swiper-button-prev{left:.1rem;}
.index-switch .item-switch .swiper-button-next{right:.1rem;}
.index-cp .item-cp .text .tit{ font-size:var(--font-size36);}
.index-cp .item-cp .more{ margin-top:.2rem;}
.index-important .title{ font-size:var(--font-size36);}
}

@media(max-width:768px){
.index-video{ padding:.5rem .1rem;}
}

@media(max-width:640px){
.index-ban .pic img{ min-height:50vh; object-fit:cover;}
.index-ban .text .tit{ font-size:var(--font-size24);}
.index-ban .text .tit2{ font-size:var(--font-size24);}
.index-ban .text .wtd80{ margin-left:0; width:90%;}
.index-ban .text .tit{ width:62%;}
.index-ban .more{ margin-top:.2rem;}

.index-switch .item-switch{ padding-bottom:.5rem;}
.index-switch .item-switch .item{ padding:.1rem 0;}

.index-cp .item-cp .bg-img{ position:absolute; left:0; top:0; width:100%; height:100%;}
.index-cp .item-cp .bg-img img{ width:100%; height:100%; object-fit:cover;}
.index-cp .item-cp .text{ padding:.5rem 0; position:relative;}
.index-cp .item-cp .text .tit{ font-size:var(--font-size26);}
.index-cp .item-cp .more a{ font-size:var(--font-size16); min-width:1.3rem;}

.index-important{ padding:.5rem 0;}
.index-important .title{ font-size:var(--font-size26);}
.index-important li .name{ width:1.5rem;}
.index-important li .tit{ width:calc(100% - 1.6rem);}
.index-important li:hover .tit{ background-image:url(../images/arrow.png);background-repeat:no-repeat; background-position:center right; background-size:.14rem;}
.index-important .more a{ font-size:var(--font-size16); min-width:1.3rem;}
}





.Page002623{padding-bottom:.8rem; text-align: center;font-size: .14rem;}
.Page002623 .Pages a.a_first,
.Page002623 .Pages a.a_end,
.Page002623 .Pages > span:not(.p_page){display: none;}
.Page002623 .Pages em{float: left;margin: 0 1.5vw; font-style: normal;}
.Page002623 .Pages .p_page{display: table; margin: 0 auto;}
.Page002623 .Pages a{float: left;line-height: .4rem; width: .4rem; margin: 0 5px;border-radius: 3px;color: #000;background: #fff}
.Page002623 .Pages a.a_cur,
.Page002623 .Pages a:hover{color: #fff;background: #fbb219; border-color:#fbb219}
.Page002623 .Pages .p_page > a{font-size: 0;height: .4rem;position: relative;border-radius:3px;border: 1px solid #ebebeb;background: #fff}
.Page002623 .Pages .p_page > a:before{position: absolute;width: 100%;height: 100%; content: '';background:url(../images/icon-jt3.svg)no-repeat center ;background-size: .12rem auto;left: 50%; top: 50%;transform: translate(-50%,-50%)}
.Page002623 .Pages a.a_prev{transform: rotate(180deg)}
.Page002623 .Pages a.a_next{background:#fbb219; border-color:#fbb219}
.Page002623 .Pages a.a_next:before{filter: grayscale(100) brightness(100);}
.Page002623 .Pages .p_page > a:hover{background:var(--hover-color); border-color:var(--hover-color) }
.Page002623 .Pages .p_page > a:hover:before{filter: grayscale(100) brightness(100);}
@media(max-width:640px){
    .Page002623{}
    .Page002623 .Pages em{display: none;}
}




.RighInfo002939{padding:.8rem 0;}
.RighInfo002939 .name{border-bottom: 1px dotted #cecece; text-align: center; margin-bottom: .34rem;}
.RighInfo002939 .name h1{margin: 0 0 .3rem 0;font-size: var(--font-size26);color: #000;}
.RighInfo002939 .time{color: #c8c8c8;padding-bottom: 1.72vw;line-height: 16px;}


.RighInfo002939 .edit-info{line-height: 2;color: #1e1e1e;text-align: justify;padding-bottom: 4vw;}
.RighInfo002939 .info-page{border: solid 1px #eee;}
.RighInfo002939 .info-page dd{line-height: 2;}
.RighInfo002939 .info-page dd a{padding: 0 .2rem;}
@media(min-width:641px){
    .RighInfo002939 .info-page dd{float: left; width: 50%;}
    .RighInfo002939 .info-page dd:nth-child(2){border-left: 1px solid #eee;}
    .RighInfo002939 .time,
    .RighInfo002939 .info-page dd a,
    .RighInfo002939 .edit-info{}
}
@media(max-width:640px){
    .RighInfo002939{padding:.8rem 0;}
    .RighInfo002939 .info-page dd:nth-child(2){border-top: 1px solid #eee;}
    .RighInfo002939 .share{display: block; padding-top: 10px;}
}