* {
  outline: 0 none !important;
}

html {
  width: 100%;
  font-size: 5.20833vw !important;
  scroll-behavior: initial;
  overflow-x: hidden
}

html.act {
  overflow: hidden;
  width: 100%;
  height: 100vh;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
  outline: none;
}


body {
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  margin: 0 auto;
  position: relative;
  padding: 0;
  width: 100%;
  color: #000;
  font-family: 'urb',Microsoft YaHei, "Source Han Serif", "思源宋体", Arial, -apple-system, BlinkMacSystemFont, Segoe UI, Hiragino Sans GB, Helvetica Neue, Helvetica, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-size: 0.14rem;
  line-height: 1;
  background: #fff;
}

html.act {
  overflow: hidden;
  width: 100%;
}

ul,
ul li,
ol li,
tr td,
dl,
dd {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.clearfix {
  overflow: hidden;
}

a {
  display: inline-block;
  text-decoration: none !important;
  cursor: pointer;
  color: #000;
}

textarea,
select {
  outline: none;
  color: #666;
  font-size: 0.14rem;
  width: 100%;
}

textarea {
  resize: none;
  padding: 0;
  border: 0;
}

img {
  border: none;
  max-width: 100%;
  display: block;
}

img[src=""] {
  opacity: 0;
}

i {
  font-style: normal;
  text-transform: lowercase!important;
}


/*去掉 input 默认边框*/
input {
  padding: 0;
  border: 0;
  /*font-family: Microsoft YaHei;*/
  outline: none;
}

input[type="submit"] {
  background-color: transparent;
  cursor: pointer;
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

select::-ms-expand {
  display: none;
}

/* 分享 */
.social-share a {
  margin: 0;
}

.social-share .social-share-icon {
  width: 100%;
  height: 100%;
  border: none;
  background-color: transparent !important;
}

.social-share .social-share-icon::before {
  display: none;
}

:root {
  --vi: #CA0915;
  /* 慢快慢 */
  --ease: cubic-bezier(.4, 0, .2, 1); 
  /* 匀速-慢   */
  --ease1: cubic-bezier(.39, .575, .565, 1);
  /* 快慢 */
  --ease2: cubic-bezier(.25, .74, .22, .99);
  /* 慢快 */
  --picEase: cubic-bezier(.76, 0, .24, 1)
}

@font-face {
  font-family: 'urb';
  src: url("../fonts/Urbanist-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'urb';
  src: url("../fonts/Urbanist-Medium.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'urb';
  src: url("../fonts/Urbanist-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'urb';
  src: url("../fonts/Urbanist-Light.ttf") format("truetype");
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'pop';
  src: url("../fonts/Poppins-Bold.ttf") format("truetype");
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'pop';
  src: url("../fonts/Urbanist-Medium.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'pop';
  src: url("../fonts/Poppins-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'pop';
  src: url("../fonts/Poppins-Light.ttf") format("truetype");
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}



::-webkit-scrollbar {
	width: 3px;
	background-color: #0000001a
}

::-webkit-scrollbar-thumb {
	border: solid 1px transparent;
	width: 3px;
	border-radius: 4px;
	background-color: var(--vi)
}

::-webkit-scrollbar-corner {
	background-color: transparent
}

::-webkit-scrollbar:horizontal {
	height: 9px;
	border-radius: 4px;
}

::-webkit-selection {
	background: transparent;
	color: transparent
}

::-moz-selection {
	background: transparent;
	color: transparent
}

::selection {
	background-color: #0151CE;
	color: #fff;
	-webkit-text-fill-color: #fff
}

.pd11 .con .right::-webkit-scrollbar{
  opacity: 0;
  width: 0;
}

/* 弹窗 */

.z_tanchuang {position: fixed;display: table;height: 100%;width: 100%;top: 0;left: 0;transform: scale(0);-webkit-transform: scale(0);z-index: 10;}

.z_tanchuang .tbox {display: table-cell;background: rgba(0, 0, 0, 0.8);text-align: center;vertical-align: middle;}

/* 弹窗内容 */

.z_tanchuang .tbox .modal {background: white;padding: 5px;display: block;border-radius: 5px;position: relative;width: 90%;max-width: 1200px;max-height: 90%;margin: 0 auto;}

.z_tanchuang .tbox .modal .out{position: absolute;width: 40px;height: 40px;line-height: 40px;background: #fff url(../img/out3.webp) center no-repeat;background-size: 20px;color: #000;font-size: 30px;text-align: center;border-radius: 50%;top: 0;right: -50px;cursor: pointer;transition: all 0.5s var(--ease);}

.z_tanchuang .tbox .modal .img{width: 100%;max-width: 600px;margin: 0 auto;position:relative;}
.z_tanchuang .tbox .modal .img .link{position: absolute;z-index: 2;bottom:1.1rem;right: 0.4rem;display: flex;gap:0.15rem;color:#ffffff;font-size:18px!important;align-items:center;padding:0.12rem 0.2rem;background-color:rgba(0,0,0,0.5);border-radius:0.5rem;}
.ytAttributedStringInlineBlockMod{width: auto;height: 20px;}

.z_tanchuang .tbox .modal .img iframe{display: block;width: 100%;max-width: 100%;height:60vh; object-fit: cover;}
.z_tanchuang .tbox .modal .img iframe.hid{display: none;}
.z_tanchuang .tbox .modal .img video{display: block;width: 100%;max-width: 100%;height:60vh; object-fit: contain;background-color:#000}
.z_tanchuang .tbox .modal .img video.hid{display: none;}
.z_tanchuang .tbox .modal .img img{margin: 0 auto ;}

.z_tanchuang .tbox .modal .out:hover{transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.z_tanchuang .tbox .modal2{padding: 20px;}

.z_tanchuang .tbox .modal .img{max-width: 1200px;}

/* 弹窗选中 */

.z_tanchuang.one {transform: scaleY(0.01) scaleX(0);animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scaleY(0.01) scaleX(0);-webkit-animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

.z_tanchuang.one .tbox .modal {transform: scale(0);animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scale(0);-webkit-animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

.z_tanchuang.one.out {transform: scale(1);animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scale(1);-webkit-animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

.z_tanchuang.one.out .tbox .modal {animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

/* 弹窗动画 */

@keyframes unfoldIn {0% {transform: scaleY(0.005) scaleX(0);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(1) scaleX(1);}}

@keyframes zoomIn {0% {transform: scale(0);}100% {transform: scale(1);}}

@keyframes zoomOut {0% {transform: scale(1);}100% {transform: scale(0);}}

@keyframes unfoldOut {0% {transform: scaleY(1) scaleX(1);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(0.005) scaleX(0);}}

@-webkit-keyframes zoomIn {0% {transform: scale(0);}100% {transform: scale(1);}}

@-webkit-keyframes zoomOut {0% {transform: scale(1);}100% {transform: scale(0);}}

@-webkit-keyframes unfoldOut {0% {transform: scaleY(1) scaleX(1);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(0.005) scaleX(0);}}

@-webkit-keyframes unfoldIn {0% {transform: scaleY(0.005) scaleX(0);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(1) scaleX(1);}}




.f-200 {
  font-size: 2rem
}

.f-160 {
  font-size: 1.6rem
}

.f-150 {
  font-size: 1.5rem
}

.f-140 {
  font-size: 1.4rem
}

.f-120 {
  font-size: 1.2rem
}

.f-100 {
  font-size: 1rem
}

.f-90 {
  font-size: .9rem
}

.f-80 {
  font-size: .8rem
}

.f-72 {
  font-size: .72rem
}

.f-70 {
  font-size: .7rem
}

.f-64 {
  font-size: .64rem
}

.f-62 {
  font-size: .62rem
}

.f-60 {
  font-size: .6rem
}

.f-58 {
  font-size: .58rem
}

.f-56 {
  font-size: .56rem
}

.f-54 {
  font-size: .54rem
}

.f-52 {
  font-size: .52rem
}

.f-50 {
  font-size: .5rem
}

.f-48 {
  font-size: .48rem
}

.f-46 {
  font-size: .46rem
}

.f-44 {
  font-size: .44rem
}

.f-42 {
  font-size: .42rem
}

.f-40 {
  font-size: .4rem
}

.f-38 {
  font-size: .38rem
}

.f-36 {
  font-size: .36rem
}

.f-34 {
  font-size: .34rem
}

.f-32 {
  font-size: .32rem
}

.f-30 {
  font-size: .3rem
}

.f-28 {
  font-size: .28rem
}

.f-26 {
  font-size: .26rem
}

.f-24 {
  font-size: .24rem
}

.f-22 {
  font-size: .22rem
}

.f-20 {
  font-size: .2rem
}

.f-18 {
  font-size: .18rem
}

.f-16 {
  font-size: .16rem
}

.f-14 {
  font-size: .14rem
}

.f-12 {
  font-size: .12rem
}

/* header */
.header{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;padding: 0 0.8rem;}
.header:before{content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.30);backdrop-filter: blur(56px);z-index: -1;}
.header:after{content:"";position: absolute;top: 100%;left: 0;width: 100%;height: calc(100vh - 0.88rem);background: rgba(115, 115, 115, 0.13);backdrop-filter: blur(13.949999809265137px);z-index:-2;opacity:0;pointer-events:none}
.header.pl:after{opacity:1;}
.header .con{width: 100%;display: flex;align-items: center;justify-content:space-between;}
.header .con .logo{display: block;width: 1.27rem;}
.header .con .logo img{display: block;width: 100%;}
.header .con .h_right{display: flex;align-items: center;}
.header .con .h_right .h_nav{display: flex;gap: 0.6rem;margin-right: 2.03rem; line-height: 1.5;font-family: pop; font-weight: 400;text-transform: capitalize;}
.header .con .h_right .h_nav>li:nth-child(n+2){position:relative;}
.header .con .h_right .h_nav>li>a{color: #fff;transition: all 0.5s var(--ease);padding: 0.31rem 0;}
.header .con .h_right .h_nav>li>a.on,.header .con .h_right .h_nav>li>a:hover{color: var(--vi);}
.header .con .h_right .h_ser{display: block;width:0.18rem;margin-right: 0.3rem;}
.header .con .h_right .h_ser img{width: 100%;}
.header .con .h_right .h_lag{position: relative;margin-right: 0.47rem;z-index: 10;}
.header .con .h_right .h_lag .h{display: flex;align-items: center;gap: 0.05rem;color: #ffffff;font-family: pop;font-weight: 500;cursor: pointer;user-select: none;line-height: 1.5;padding: 0.31rem 0;}
.header .con .h_right .h_lag .h img{display: block;width: 0.14rem;transition: transform 0.35s var(--ease);}
.header .con .h_right .h_lag:hover .h img,
.header .con .h_right .h_lag.open .h img{transform: rotate(180deg);}
.header .con .h_right .h_lag .sel{position: absolute;top: calc(100% - 0.06rem);left: 50%;transform: translateX(-50%);min-width: 1.2rem;width: max-content;padding: 0.08rem 0;background-color: rgba(0, 0, 0, 0.45);backdrop-filter: blur(56px);border-radius: 0 0 0.06rem 0.06rem;opacity: 0;visibility: hidden;pointer-events: none;transition: opacity 0.35s var(--ease), visibility 0.35s var(--ease);display: flex;flex-direction: column;align-items: stretch;z-index: 20;}
.header .con .h_right .h_lag:hover .sel,
.header .con .h_right .h_lag.open .sel{opacity: 1;visibility: visible;pointer-events: auto;}
.header .con .h_right .h_lag .sel a{display: block;color: #ffffff;line-height: 1.4;padding: 0.08rem 0.18rem;white-space: nowrap;text-align: center;font-family: pop;font-weight: 400;font-size: 0.14rem;transition: color 0.35s var(--ease);}
.header .con .h_right .h_lag .sel a:hover,
.header .con .h_right .h_lag .sel a.on{color: var(--vi);}
.header .con .h_right .btns{display: flex;gap: 0.16rem;}
.header .con .h_right .btns{display: flex;gap: 0.16rem;}
.header .con .h_right .btns .btn{display: block;width: fit-content;padding: 0.04rem 0.16rem;border-radius: 0.03rem;border: 1px solid #ffffff;color: #ffffff;line-height: 1.5;font-family: pop;font-weight: 400;transition: all 0.5s var(--ease);}
.header .con .h_right .btns .btn:hover{background-color: var(--vi);border-color: transparent;}

.header .plxl{position: absolute;top: 100%;left: 0;width: 100%;padding:0.74rem 0.8rem 1.02rem 0.8rem;background-color: #1B1B1B;
/*background-color: rgba(0, 0, 0, 0.30);backdrop-filter: blur(56px);*/
border-radius: 0 0 10px 10px;display:none}
.header .plxl .cons{display: flex;justify-content: space-between;align-items: flex-start;}
.header .plxl .cons .left{width: 3.3rem;padding-right: 0.3rem;}
.header .plxl .cons .left li a{color: #fff;line-height: 1.2;font-weight: 600;margin-bottom: 0.3rem;}
.header .plxl .cons .left li.on a{color: var(--vi);}
.header .plxl .cons .left li:last-child a{margin-bottom:0;}
.header .plxl .cons .right{width: calc(100% - 3.3rem);}
.header .plxl .cons .right .con{display: none;}
.header .plxl .cons .right .con.on{display: block;}
.header .plxl .cons .right .con .list{display: flex;gap: 0.5rem;flex-wrap: wrap;width:100%;}
.header .plxl .cons .right .con .item{width: calc(25% - 0.38rem);}
.header .plxl .cons .right .con .item .pic{width: 100%;height: 2.74rem;border-radius: 0.06rem;border: 1px solid #4A4A4A;background: #1C1C1C;padding:0.2rem 0.49rem;overflow:hidden;position:relative;margin-bottom:0.3rem;transition:all 0.5s}
.header .plxl .cons .right .con .item:hover .pic{border-color:var(--vi);box-shadow: 0 21px 24.2px 10px rgba(7, 0, 0, 0.44);}
.header .plxl .cons .right .con .item .pic img{width: 100%;height: 100%;object-fit: contain;transition:all 0.5s;}
.header .plxl .cons .right .con .item .pic:hover img{transform:scale(1.05);}
.header .plxl .cons .right .con .item .pic img.tip{position: absolute;top: 0;left: 0;width: 0.58rem;height: 0.58rem;transform:scale(1)!important;}
.header .plxl .cons .right .con .item .h{color:#fff;font-weight: 400;font-family: pop;opacity: 0.7;text-align:center;}

.header .con .h_right .h_nav>li .comxl{position: absolute;top: 100%;left: 50%;transform: translateX(-50%);width:fit-content;min-width: calc(100% + .5rem);text-align:center;padding:.05rem 0 .1rem;background-color: rgba(0, 0, 0, 0.0);backdrop-filter: blur(0);border-radius:0 0 0.06rem 0.06rem;pointer-events:none}
.header .con .h_right .h_nav>li:hover .comxl{background-color: rgba(0, 0, 0, 0.30);backdrop-filter: blur(56px);pointer-events:all;}
.header .con .h_right .h_nav>li .comxl a{color:#ffffff;line-height:.3rem;padding:0.05rem 0.15rem;white-space:nowrap;transition:all 0.5s;}
.header .con .h_right .h_nav>li .comxl li{opacity:0;transform:translateY(0.2rem) rotate(3deg);transition:all 0.6s}
.header .con .h_right .h_nav>li:hover .comxl li{opacity:1;transform:translateY(0) rotate(0deg);}
.header .con .h_right .h_nav>li .comxl a:hover{color:var(--vi);}
/* header end*/

/* footer */
.footer{background-color: #2A2A2A;padding: 0.96rem 0 0 0;}
.footer .f_top{display: flex;width: 100%;justify-content: space-between;align-items: flex-start;margin-bottom: 1.25rem;padding: 0 0.8rem;}
.footer .f_top .left{width: 5.58rem;}
.footer .f_top .left .h{font-weight: 600;line-height: 1;margin-bottom: 0.2rem;color: #ffffff;}
.footer .f_top .left .p{font-weight: 300;font-family: pop;line-height: 1.72;margin-bottom: 0.4rem;color: #ffffff;}
.footer .f_top .left form{width: 100%;border-radius: 0.35rem;border: 1px solid rgba(255,255,255,0.16);padding: 0.05rem 0.05rem 0.05rem 0.2rem;display: flex;justify-content: space-between;}
.footer .f_top .left form input{width: calc(100% - 2rem);color: #ffffff;font-weight: 300;line-height: 2.2;font-family: pop;background-color: transparent!important;}
.footer .f_top .left form input::placeholder{color: #A4A4A4;}
.footer .f_top .left form button{border: none;border-radius: 0.35rem;width: 1.83rem;line-height: 0.5rem;background-color: rgba(255, 255, 255, 0.10);backdrop-filter: blur(22px);color: #ffffff;font-weight: 400;transition: all 0.5s var(--ease);cursor: pointer;}
.footer .f_top .left form button:hover{background-color: var(--vi);}
.footer .f_top .left .form-message{width: 100%;text-align: center;padding: 0.1rem 0.2rem;border-radius: 0.04rem;font-family: pop;margin-top: 0.12rem;}
.footer .f_top .left .form-message.msg-success{background: #e8f5e9;color: #2e7d32;}
.footer .f_top .left .form-message.msg-error{background: #fdecea;color: #c62828;}
.footer .f_top .right{display: flex;gap: 2rem;padding-right: 1rem;}
.footer .f_top .right img{width: 1.51rem;height: 1.9rem;object-fit: contain;}
.footer .f_center{display: flex;justify-content: space-between;align-items: flex-start;padding: 0 0.8rem 1rem 0.8rem;}
.footer .f_center .left{width:5.58rem;}
.footer .f_center .left .f_logo{display: block;width: 1.45rem;margin-bottom: 0.6rem;}
.footer .f_center .left .f_logo img{display: block;width: 100%;}
.footer .f_center .left .ftel{color: #ffffff;font-weight: 600;line-height: 1.1;letter-spacing: 0.01rem;margin-bottom: 0.03rem;display:block}
.footer .f_center .left .femail{color: #ffffff;font-weight: 500;line-height: 1.6;margin-bottom: 0.5rem;display:block}
.footer .f_center .left .fx{display: flex;gap: 0.18rem;}
.footer .f_center .left .fx a{display: block;width: 0.26rem;height: 0.26rem;}
.footer .f_center .left .fx a img{width: 100%;height: 100%;object-fit: contain;transition: all 0.5s var(--ease);}
.footer .f_center .left .fx a:hover img{filter: brightness(0) invert(1);-webkit-filter: brightness(0) invert(1);}
.footer .f_center .right{display: flex;gap: 1.8rem;}
.footer .f_center .right .h{display: block;font-weight: 600;text-transform: capitalize;line-height: 0.26rem;margin-bottom: 0.23rem;color: #fff;}
.footer .f_center .right ul a{color: #B3B3B3;line-height: 2.5;font-weight: 400;text-transform: capitalize;transition: all 0.5s var(--ease);}
.footer .f_center .right ul a:hover{color: #fff;}
.footer .f_bottom{display: flex;justify-content: space-between;align-items: center;padding: 0.22rem 0.8rem;color: #7C7C7C;font-family: pop;font-weight: 300;line-height: 1.5;border-top: 1px solid rgba(255,255,255,0.06);}
.footer .f_bottom .left{display: flex;align-items: center;gap: 0.06rem;}
.footer .f_bottom .left a{color: #7C7C7C;transition: all 0.5s var(--ease);}
.footer .f_bottom .left a:hover{color: #ffffff;}
.footer .f_bottom .left span{display: block;width: 1px;height: 0.14rem;background-color: #7C7C7C;}
/* footer end */


.rslide{position: fixed;z-index: 999;right: 0;bottom: 0.5rem;opacity:0;transition:all 0.5s;}
.rslide.show{opacity: 1;right:0.2rem;}
.rslide a{display: block;width: 0.6rem;height: 0.6rem;margin-bottom: 0.06rem;background-color: rgba(0, 0, 0, 0.38);backdrop-filter: blur(7px);border-radius: 0.04rem;}
.rslide a img{display: block;width: 100%;height: 100%;object-fit: contain;}

.rformtc{position: fixed;bottom: 1.14rem;right: 1rem;background-color: #ffffff;width: 5.37rem;padding: 0.5rem 0.55rem 0.55rem 0.55rem;border-radius: 0.12rem;box-shadow: 0 4px 67.3px 0 rgba(0, 0, 0, 0.05);z-index:20;opacity:0;pointer-events:none}
.rformtc.show{opacity: 1;pointer-events: all;}
.rformtc .h{color: #000;line-height: 1.08;font-weight: 600;text-transform: uppercase;margin-bottom: 0.27rem;}
.rformtc .p{color:#333;line-height: 1.62;font-weight: 400;font-family: pop;margin-bottom:0.27rem}
.rformtc .tcclose{position: absolute;top: 0.26rem;right: 0.26rem;cursor: pointer;width:0.24rem;height:0.24rem;}
.rformtc .input{line-height: 0.48rem;padding: 0 0.2rem;border-radius: 0.05rem;border: 1px solid #E6E6E6;background: #FFF;margin-bottom:0.14rem;position:relative;}
.rformtc .input input{width: 100%;line-height:0.48rem;font-weight:400;color:#333;font-family:pop;text-transform:capitalize;font-size:0.14rem;}
.rformtc .input input::placeholder{color:#b4b4b4;}
.rformtc .input textarea{width: 100%;line-height:0.48rem;font-weight:400;color:#333;font-family:pop;text-transform:capitalize;font-size:0.14rem}
.rformtc .input textarea::placeholder{color:#b4b4b4;}
.rformtc button{width: 2.4rem;line-height: 0.5rem;border-radius: 0.05rem;background-color: var(--vi);text-align: center;color: #ffffff;font-weight: 500;font-family: pop;border:none;cursor:pointer;margin:0 auto;display:block;margin-top:0.4rem;}

.resouttc{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background: rgba(0, 0, 0, 0.20);backdrop-filter: blur(4px);z-index: 50;opacity:0;pointer-events:none;}
.resouttc.show{opacity: 1;pointer-events: all;}
.resouttc .con{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 6.58rem;padding: 1.09rem 0 1.34rem 0;text-align:center;border-radius: 0.12rem;border: 1px solid #F0F0F0;background: #FFF;box-shadow: 0 4px 67.3px 0 rgba(0, 0, 0, 0.05);}
.resouttc .con .rtcclose{position: absolute;top: 0.26rem;right: 0.26rem;cursor: pointer;width: 0.24rem;height: 0.24rem;}
.resouttc .con .icon{width: 1.1rem;height: 1.1rem;margin: 0 auto;margin-bottom: 0.43rem;overflow:hidden;}
.resouttc .con .icon img{width: 100%;height: 100%;}
.resouttc.su .con .icon .img2{display: none;}
.resouttc.fai .con .icon .img1{display: none;}
.resouttc .con .h{color:#000;line-height: 1.08;font-weight: 600;text-transform: capitalize;margin-bottom: 0.18rem;}
.resouttc .con .p{color:#333;line-height: 1.62;font-weight: 400;}


.more{width: fit-content;display: flex;gap: 0.09rem;align-items: center;border-radius: 1rem;background: rgba(255, 255, 255, 0.15);backdrop-filter: blur(39px);padding: 0.15rem 0.26rem;color: #fff;font-weight: 600;line-height: 1.5;transition: all 0.5s var(--ease);position: relative;z-index: 2;overflow: hidden;text-transform:capitalize;}
.more:hover{background:#CA091590;}
.more::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: var(--vi);border-radius: 1rem;z-index: -1;transform: translateX(-105%);opacity: 0; transition: all 0.8s var(--ease2);}
.more:hover::after{transform: translateX(0);opacity: 1;}
.more svg{display: block;width: 0.12rem;margin-top:2px;}

.more1{width: fit-content;display: flex;gap: 0.09rem;align-items: center;border-radius: 1rem;background: rgba(219, 219, 219, 0.5);backdrop-filter: blur(39px);padding: 0.15rem 0.26rem;color: #000;font-weight: 600;line-height: 1.5;transition: all 0.5s var(--ease);position: relative;z-index: 2;overflow: hidden;}
.more1:hover{background:#CA091590;color: #fff;}
.more1::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: var(--vi);border-radius: 1rem;z-index: -1;transform: translateX(-105%);opacity: 0; transition: all 0.8s var(--ease2);}
.more1:hover::after{transform: translateX(0);opacity: 1;}
.more1 svg{display: block;width: 0.12rem;}
.more1:hover svg path{fill: #fff;}


/* 首页 */
.in_con{background-color: #fff;}

.ipart1{width:100%;height:100vh;overflow:hidden;background:#0a0f1a}
.ipart1 .banner{width:100%;height:100%;position: relative;}
.ipart1 .banner .swiper-slide{overflow:hidden}
.ipart1 .banner .slide-inner{width:100%;height:100%}
.ipart1 .banner .slide-inner>img{width:100%;height:100%;object-fit:cover}
.ipart1 .banner .slide-inner>img.mimg{display: none;}
.ipart1 .banner .slide-inner .txt{position:absolute;left:1.2rem;top:29.6vh;z-index:2;max-width:9rem;}
.ipart1 .banner .slide-inner .txt .p1{color:rgba(255,255,255,.5);font-weight:400;text-transform:uppercase;margin-bottom:.1rem}
.ipart1 .banner .slide-inner .txt .title{font-size:1.2rem;font-weight:600;line-height:1.3rem;color:#fff;text-transform:uppercase;margin-bottom:.1rem;max-height:2.6em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ipart1 .banner .slide-inner .txt .p2{font-weight:500;line-height:.26rem;color:#fff;letter-spacing:.01rem;margin-bottom:.58rem;opacity:0.8;max-height:0.52rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.ipart1 .banner .slide-inner .txt img{width: auto;height: 1.56rem;padding-top:0; margin-bottom: 0.1rem;}

.ipart1 .other{position:absolute;left:0;top:50%;z-index:4;width:100%;padding:0 .2rem;display:flex;justify-content:space-between;pointer-events:all;transform:translateY(-50%)}
.ipart1 .nav-btn{width:.4rem;height:.4rem;background:url(../img/next.webp);background-size:100% 100%;border:none;cursor:pointer}
.ipart1 .nav-btn:hover{background-image:url(../img/next1.webp)}

.ipart1 .dots-wrap{position:absolute;bottom:10vh;left:50%;transform:translateX(-50%);z-index:5;display:flex;gap:.2rem;pointer-events:all}
.ipart1 .dots-wrap span{width:.1rem;height:.1rem;border-radius:50%;background:rgba(255,255,255,.5);transition:all .5s var(--ease);cursor:pointer;position:relative}
.ipart1 .dots-wrap span::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);opacity:0;width:.26rem;height:.26rem;border:.02rem solid var(--vi);border-radius:50%;transition:all .5s var(--ease)}
.ipart1 .dots-wrap span.on{background:var(--vi)}
.ipart1 .dots-wrap span.on::after{opacity:1;transform:translate(-50%,-50%) scale(1)}

.ipart2{padding: 1.2rem 0.8rem 0 0.8rem;display: flex;flex-wrap: wrap;gap: 0.14rem;}
.ipart2 .item{width: calc(50% - 0.07rem);position: relative;border-radius: 0.12rem;height: 6.62rem;z-index: 2;overflow: hidden;}
.ipart2 .item .pic{position: absolute;top: 0;left: 0;width: 100%;height: 120%;z-index: -1;}
.ipart2 .item .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s var(--ease);}
.ipart2 .item:hover .pic img{transform: scale(1.05);}
.ipart2 .item .txt{position: absolute;top: 0.6rem;left: 0;width: 100%;color: #fff;text-align: center;}
.ipart2 .item .txt .h{font-weight: 500;line-height: 0.44rem;margin-bottom: 0.02rem;}
.ipart2 .item .txt .p{opacity: 0.7;font-weight: 400;font-family: pop;line-height: 0.26rem;}
.ipart2 .item .ul{position: absolute;left: 0;bottom: 0.3rem;width: 100%;overflow:hidden;margin:0 1.3vw;width:calc(100% - 2.6vw)}
.ipart2 .item .ul.center .swiper-wrapper{justify-content: center;}
.ipart2 .item .ul a{display: block;width: 100%;border-radius: 0.04rem;border: 1px solid rgba(255, 255, 255, 0.29);background: rgba(255, 255, 255, 0.16);backdrop-filter: blur(13px);transition: all 0.5s var(--ease);padding: 0.08rem 0.08rem 0.12rem 0.08rem;min-width: 1.94rem;}
.ipart2 .item .ul a:hover{background-color:rgba(255, 255, 255, 0.4) ;}
.ipart2 .item .ul a .icon{width:0.8rem;height: 0.8rem;margin: 0 auto;object-fit: contain;}
.ipart2 .item .ul a .p{text-align: center;line-height: 1.6;font-weight: 500;color:#fff}

.ipart2 .item .ul .other{position:absolute;left:0;top:50%;z-index:4;width:100%;padding:0 .2rem;display:flex;justify-content:space-between;pointer-events:all;transform:translateY(-50%);pointer-events:none}
.ipart2 .item .ul .btn{width:.4rem;height:.4rem;background:url(../img/next.webp);background-size:100% 100%;border:none;cursor:pointer;pointer-events:all}
.ipart2 .item .ul .btn:hover{background-image:url(../img/next1.webp)}


.ipart2 .item1{display: block; width: calc(50% - 0.07rem);position: relative;border-radius: 0.12rem;height: 4.6rem; overflow: hidden;z-index: 2;}
.ipart2 .item1:last-child{cursor: auto;}
.ipart2 .item1 .pic{position: absolute;top: 0;left: 0;width: 100%;height: 120%;z-index: -1;}
.ipart2 .item1 .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s var(--ease);}
.ipart2 .item1:hover .pic img{transform: scale(1.05);}
.ipart2 .item1 .h{position: absolute;left: 0;top: 0.64rem;width: 100%;color: #ffffff;font-weight: 500;text-align: center;}

.ipart3{padding: 1.2rem 0.8rem 1rem 0.8rem;}
.ipart3 .tit{text-align: center;font-weight: 600;color: #000;text-transform: uppercase;line-height: 1.08;margin-bottom: 0.7rem;}
.ipart3 .con{background-color: #F3F3F3;border-radius: 0.12rem;display: flex;justify-content: space-between;padding: 1.08rem 0.8rem 1.08rem 1.78rem;}
.ipart3 .con .left{width: 4.38rem;position: relative;overflow: hidden;height: 4.4rem;}
.ipart3 .con .left .pic{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 100%;height: 100%;opacity: 1;transition: all 0.4s;
    -webkit-mask-image: url(../img/blur.webp);
    mask-image: url(../img/blur.webp);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 0 auto;
    mask-size: 0 auto;}
.ipart3 .con .left .pic.on{opacity: 1;    -webkit-mask-size: 300% auto;z-index: 2;transition: all 1s;mask-size: 300% auto;}
.ipart3 .con .left .pic img{width: 100%;height: 100%;object-fit: cover;}



.ipart3 .con .right{width: 9.44rem;padding-top: 0.23rem;}
.ipart3 .con .right .txts{margin-left: 0.6rem;width: 8.24rem;position: relative;overflow: hidden;margin-bottom: 1.02rem;}
.ipart3 .con .right .txts .h{font-weight: 500;line-height: 1.08;margin-bottom: 0.2rem;color: #000;transform: translateX(0.6rem);opacity: 0;}
.ipart3 .con .right .txts .p{font-weight: 400;font-family: pop;line-height: 1.5;height: 3em;margin-bottom: 0.25rem;color: #666;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transform: translateX(0.6rem);opacity: 0;}
.ipart3 .con .right .txts .more1{transform: translateX(0.6rem);opacity: 0;}
.ipart3 .con .right .txts .swiper-slide-active .h{transform: translateX(0);transition: all 0.5s var(--ease);opacity: 1;}
.ipart3 .con .right .txts .swiper-slide-active .p{transform: translateX(0);transition: all 0.5s 0.1s var(--ease);opacity: 1;}
.ipart3 .con .right .txts .swiper-slide-active .more1{transform: translateX(0);transition: all 0.5s 0.2s var(--ease);opacity: 1;}
.ipart3 .con .right .tabs{display: flex;justify-content: space-between;align-items: center;}
.ipart3 .con .right .tabs .btn{width: 0.4rem;height: 0.4rem;background: url(../img/nextx.webp);background-size: 100% 100%;border: none;cursor: pointer;}
.ipart3 .con .right .tabs .btn:hover{background-image: url(../img/next1.webp);}
.ipart3 .con .right .tabs .tab{width: 8.24rem;position: relative;overflow: hidden;}
.ipart3 .con .right .tabs .tab .swiper-slide{height: 1.06rem;background-color: #fff;border-radius: 0.03rem;display: flex;justify-content: center;align-items: center;transition: all 0.5s;border: 1px solid transparent;cursor: pointer;}
.ipart3 .con .right .tabs .tab .swiper-slide img{width: 0.83rem;height: 0.83rem;object-fit: contain;}
.ipart3 .con .right .tabs .tab .swiper-slide-active{border-color: var(--vi);}

.ipart4{width: 100%;height: 100vh;position: relative;overflow: hidden;}
.ipart4 .bj{width: 100%;height: 100%;overflow: hidden;}
.ipart4 .bj img{width: 100%;height: 120%;object-fit: cover;}
.ipart4 .txt{position: absolute;top: 50%;left: 0.8rem;color: #ffff;transform: translateY(-50%);}
.ipart4 .txt .tit{font-weight: 600;line-height: 1.08;text-transform: uppercase;margin-bottom: 0.22rem;}
.ipart4 .txt .p{line-height: 1.08;font-weight: 600;}
.ipart4 .center{position: absolute;top: 0;left: 0;width: 100%;height: 100%;cursor: url("../img/shu.webp"), pointer;}
.ipart4 .center .kuang{width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.ipart4 .center .yuans{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.ipart4 .center .yuan{position: absolute;top: 0;left: 0;width:100%;height: 100%;object-fit: cover; transition: all 0.8s var(--ease);opacity:0}
.ipart4 .center .yuan.on{opacity: 1;}
.ipart4 .center.hovering .yuan{transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.ipart4 .center .pics{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.ipart4 .center .pics .pic{width: 100%;height: 100%;position: absolute;top: 0;left: 0; opacity: 0;transition: opacity 0.5s var(--ease), mask-position 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-mask-position 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);-webkit-mask-image: url(../img/ip4_mask.webp);
    mask-image: url(../img/ip4_mask.webp);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;overflow: hidden;}
.ipart4 .center .pics .pic.on{opacity: 1;}
.ipart4 .center .pics .pic img{width: 100%;height: 120%;object-fit: cover;}

.ipart4 .right{position: absolute;top: 50%;right: 0.8rem;transform: translateY(-50%);width: 0.76rem;}
.ipart4 .right .prev{width: 0.5rem;height: 0.5rem;margin: 0 auto;margin-bottom: 0.17rem;cursor: pointer;}
.ipart4 .right .prev img{width: 100%;}
.ipart4 .right .next{width: 0.5rem;height: 0.5rem;margin: 0 auto;margin-top: 0.17rem;cursor: pointer;}
.ipart4 .right .next img{width: 100%;}
.ipart4 .right .tabs{width: 100%;height: 5.06rem;position: relative;overflow: hidden;cursor:pointer;}
.ipart4 .right .tabs .swiper-slide{border: 1px solid rgba(255, 255, 255, 0.30);border-radius: 0.04rem;padding: 0.04rem;cursor: pointer;transition: all 0.5s var(--ease);}
.ipart4 .right .tabs .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}
.ipart4 .right .tabs .swiper-slide.on{border-color: #ffffff;}

.ipart5{padding: 1.3rem 0 0 0;background: #F3F3F3;}
.ipart5 .tit{color: #000;font-weight: 600;text-transform: uppercase;line-height: 1.08;text-align: center;margin-bottom: 0.5rem;display:none}
.ipart5 .tit.on{display: block;}
.ipart5 .con{position: relative;overflow: hidden;}
.ipart5 .con .swiper-slide{height: 7.8rem;border-radius: 0.12rem;position: relative;overflow: hidden;}
.ipart5 .con .swiper-slide .pic{width: 100%;height: 100%;position:relative;}
.ipart5 .con .swiper-slide .pic>img{width: 100%;height: 100%;overflow: hidden;object-fit: cover;}
.ipart5 .con .swiper-slide:hover .pic>img{transform: scale(1);}
.ipart5 .con .swiper-slide .pic .vbt{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: .51rem;height: 0.51rem;cursor: pointer;}

.ipart5 .con .swiper-slide .txt{position: absolute;bottom: 0.64rem;left: 0.6rem;width: 8.25rem;color: #ffffff;font-weight: 500;line-height: 1.33;height: 2.66em;}
.ipart5 .con .swiper-slide .more{position: absolute;right: 0.6rem;bottom: 0.64rem;z-index: 2;cursor: pointer;}

.ipart5 .prev{position: absolute;left: 0.2rem;top: 50%;transform: translateY(-50%);z-index: 10;}
.ipart5 .next{position: absolute;right: 0.2rem;top: 50%;transform: translateY(-50%);z-index: 10;}
.ipart5 .btn{width:.4rem;height:.4rem;background:url(../img/next.webp);background-size:100% 100%;border:none;cursor:pointer}
.ipart5 .btn:hover{background-image:url(../img/next1.webp)}


.ipart6{padding: 1.3rem 0.8rem 0 0.8rem;background: #F3F3F3;}
.ipart6 .tit{text-align: center;color: #000;line-height: 1.08rem;margin-bottom: 0.5rem;font-weight: 600;text-transform: uppercase;}
.ipart6 .con{display: flex;gap: 0.16rem;flex-wrap: wrap;}
.ipart6 .con .box{width: calc(50% - 0.08rem);display: flex;align-items: center;background-color: #fff;border-radius: 0.05rem;overflow: hidden;height: 2.83rem;}
.ipart6 .con .box .pic{width: 4.25rem;height: 120%;overflow: hidden;}
.ipart6 .con .box .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.3s;}
.ipart6 .con .box .pic:hover img{transform: scale(1.05);}
.ipart6 .con .box .txt{width: calc(100% - 4.25rem);padding: 0 0.35rem;}
.ipart6 .con .box .txt .day{color: #888;line-height: 0.4rem;font-weight: 200;font-family: pop;margin-bottom: 0.08rem;}
.ipart6 .con .box .txt .h{color: #000;line-height: 1.33;transition:all 0.5s;}
.ipart6 .con .box:hover .txt .h{color:var(--vi);}
.ipart6 .con .box2 .txt .h{max-height: 5.32em;font-weight: 600;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.ipart6 .con .box1{width: 100%;border-radius: 0.1rem;height: 5.3rem;}
.ipart6 .con .box1 .pic{width: 9.64rem;height: 120%;}
.ipart6 .con .box1 .txt{width: calc(100% - 9.64rem);padding: 0 1rem 0 0.8rem;}
.ipart6 .con .box1 .txt .h{max-height: 3.99em;font-weight:600; margin-bottom: 0.32rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;transition:all 0.5s;}
.ipart6 .con .box1:hover .txt .h{color:var(--vi);}
.ipart6 .con .box1 .txt .p{color: #666;font-weight: 400;font-family: pop;line-height: 0.3rem;height: 0.9rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.ipart6 .more{margin: 0 auto;margin-top: 0.6rem;}

.ipart7{padding: 1.3rem 0.8rem;background: #F3F3F3;}
.ipart7 .tit{text-align: center;color: #000;line-height: 1.08rem;margin-bottom: 0.5rem;font-weight: 600;text-transform: uppercase;}
.ipart7 .con{display: flex;gap: 0.28rem;}
.ipart7 .con .item{width: calc(25% - 0.21rem);background-color: #FFF;border-radius: 0.12rem;border: 1px solid transparent;transition: all 0.5s;padding: 0.55rem 0.2rem 0.52rem 0.2rem;text-align: center;}
.ipart7 .con .item:hover{border-color: var(--vi);box-shadow: 0 37px 47px 0 rgba(0, 0, 0, 0.08);}
.ipart7 .con .item .icon{width: .6rem;height: 0.6rem;margin: 0 auto;object-fit: contain;margin-bottom: 0.24rem;}
.ipart7 .con .item .h{color: #000;line-height: 1.36;font-weight: 600;margin-bottom: 0.18rem;}
.ipart7 .con .item .p{color: var(--vi);font-weight: 400;font-family: pop;line-height: 1.5;}
/* 首页 end */

/* 产品 */
.swiper-button-lock{display: block!important;opacity: 0;}
.com_tab{width: calc(100% - 2.52rem);margin: 0 auto;margin-top: 0.45rem;margin-bottom: 0.1rem;border-bottom:1px solid rgba(0, 0, 0, 0.10);display: flex;justify-content: space-between;}
.com_tab .li{display: block;line-height: 1.5;padding-bottom: 0.15rem;font-family: pop;font-weight: 500;position: relative;text-transform: capitalize;transition: all 0.5s var(--ease);}
.com_tab .li.on{color: var(--vi);}
.com_tab .li::after{content: "";position: absolute;height: 3px;bottom: -2px;left: 0;width: 0%;background-color: var(--vi);transition: all 0.5s var(--ease);}
.com_tab .li.on::after{width: 100%;}

.com_tab{position: sticky;top: 0.89rem;width: 100%;    padding: 0 1.26rem;padding-top: 0.45rem;margin-top: 0;z-index:50;background-color:#ffffff;border-bottom:none;}
.com_tab:after{content:"";position: absolute;left: 1.26rem;bottom:0px; width: calc(100% - 2.52rem);height: 1px;background: rgba(0, 0, 0, 0.10);}



.pl_con{padding-bottom: 1.7rem;position:relative;}
.pl_con .pl1{position: relative;height: 9.4rem;}
.pl_con .pl1 .pic{width: 100%;height: 100%;overflow: hidden;}
.pl_con .pl1 .pic img{width: 100%;height: 100%;object-fit: cover;}
.pl_con .pl1 .pic img.mimg{display: none;}
.pl_con .pl1 .txt{position: absolute;top: 2.95rem;left: 2rem;width: 6.2rem;color: #ffffff;z-index: 2;}
.pl_con .pl1 .txt .tit{font-weight: 600;line-height: 1.08;margin-bottom: 0.5rem;}
.pl_con .pl1 .txt .p{font-weight: 400;font-family: pop;line-height: 1.6;}
.pl_con .con{padding: 1.2rem 2rem 0 2rem;}
.pl_con .con .tit{color: #000;font-weight: 600;line-height: 1.2;margin-bottom: 0.3rem;}
.pl_con .con .top{display: block;position: relative;width: 100%;height: 6.3rem;border-radius: 0.12rem;margin-bottom: 0.2rem;z-index: 2;overflow: hidden;}
.pl_con .con .top .picx{position: absolute;top: 0;left: 0;width: 100%;height: 120%;z-index: -1;}
.pl_con .con .top .picx img{width: 100%;height: 100%;object-fit: cover;}
.pl_con .con .top .txt{position: absolute;left: 0;bottom: 0;width: 100%;display: flex;justify-content: space-between;align-items: flex-end;padding: 0 1rem 0.6rem 1rem;color: #fff;}
.pl_con .con .top .txt .p{width: 5.8rem;line-height: 1.6;font-weight: 400;font-family: pop;}
.pl_con .con .top .txt .more{margin-bottom: 0.18rem;}
.pl_con .con .bottom{position: relative;width: calc(100% + 1.6rem);display: flex;justify-content: space-between;align-items: center;margin-left: -0.8rem;}
.pl_con .con .bottom .btn{width: 0.4rem;height: 0.4rem;cursor: pointer;}
.pl_con .con .bottom .btn img{width: 100%;height: 100%;object-fit: contain;}
.pl_con .con .bottom .btn img.img2{display: none;}
.pl_con .con .bottom .btn:hover img.img1{display: none;}
.pl_con .con .bottom .btn:hover img.img2{display: block;}
.pl_con .con .bottom .list{position: relative;overflow: hidden;width: calc(100% - 1.6rem);}
.pl_con .con .bottom .list .swiper-slide{background-color: #F3F3F3;border-radius: 0.12rem;padding: 0.26rem 0 0.31rem 0;text-align: center;color: #333;font-weight: 600;line-height: 1.8;transition: all 0.5s var(--ease);}
/* .pl_con .con .bottom .list .swiper-slide:hover{background-color: #fff;box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.10);} */
.pl_con .con .bottom .list .swiper-slide .icon{width: 1.47rem;height: 1.47rem;margin: 0 auto;margin-bottom: 0.18rem;}
.pl_con .con .bottom .list .swiper-slide .icon img{width: 100%;height: 100%;object-fit: contain;transition: all 0.5s;}
.pl_con .con .bottom .list .swiper-slide .icon:hover img{transform: scale(1.05);}

.pd_top{position: fixed;top: 0.88rem;left: 0;width: 100%;padding: 0.09rem 0.8rem;display: flex;border-bottom: 1px solid rgba(255, 255, 255, 0.20);background: rgba(43, 43, 43, 0.37);backdrop-filter: blur(10.25px);align-items: center;justify-content: space-between;z-index: 990;}
.pd_top .h{display: flex;align-items: center;gap: 0.02rem;color: #fff;font-weight: 400;font-family: pop;}
.pd_top .h svg{display: block;width: 0.35rem;height: 0.38rem;}
.pd_top ul{display: flex;gap: 0.7rem;}
.pd_top ul li a{color: #ffffff;font-family: pop;font-weight: 400;display: block;transition: all 0.5s;}
.pd_top ul li.on a{color: var(--vi);}

.pd1{position: relative;width: 100%;height: 100vh;z-index: 2;}
.pd1 .mask{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 3.96rem;height:0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 84.47%);}
.pd1 .pic{width: 100%;height: 100%;}
.pd1 .pic img{width: 100%;height: 100%;object-fit: cover;}
.pd1 .pic img.mimg{display: none;}
.pd1 .txt{position: absolute;top: 44.9vh;left: 2.12rem;color: #fff;}
.pd1 .txt .p1{font-weight: 200;font-family: pop;line-height: 1.1;margin-bottom: 0.12rem;text-transform: uppercase;}
.pd1 .txt .tit{font-weight: 600;line-height: 1.14;margin-bottom: 0.03rem;font-size: 1.06rem;}
.pd1 .txt .p2{font-weight: 600;line-height: 1.08;letter-spacing: 0.02rem;}

.pd2{padding: 0.92rem 2rem 0 2rem;background-color: #000;color: #fff;}
.pd2 .txt{width: 10.5rem;margin: 0 auto;margin-bottom: 1.04rem;font-weight: 400;font-family: pop;text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);line-height: 1.8;text-align: center;}
.pd2 .list{display: flex;gap: 0.92rem;margin-bottom: 1.8rem;}
.pd2 .list .item{width: calc(25% - 0.69rem);text-align: center;}
.pd2 .list .item .icon{width: 1.36rem;height: 1.36;margin: 0 auto;margin-bottom: 0.19rem;object-fit: contain;}
.pd2 .list .item .h{font-weight: 500;font-family: pop;line-height: 1.4;text-transform:capitalize;}
.pd2 .tit{font-weight: 600;line-height: 1.2;margin-bottom: 0.07rem;}
.pd2 .p{font-weight: 400;font-family: pop;opacity: 0.68;line-height: 1.5;margin-bottom: 0.7rem;}
.pd2 .list1s{position: relative;}
.pd2 .list1s .qh{position: absolute;top: 50%;transform: translateY(-50%);width: 0.4rem;height: 0.4rem;border-radius: 50%;transition:all 0.5s;cursor:pointer;}
.pd2 .list1s .qh img{width: 100%;}
.pd2 .list1s .qh img.img2{display: none;}
.pd2 .list1s .qh:hover img.img1{display: none;}
.pd2 .list1s .qh:hover img.img2{display: block;}
.pd2 .list1s .prev{left: -0.6rem;}
.pd2 .list1s .next{right: -0.6rem;}
.pd2 .list1{display: flex;gap: 0.28rem;width: 100%;position:relative;overflow:hidden;}
/*.pd2 .list1 .swiper-pagination{bottom: 0;}*/
.pd2 .list1 .item1{width: calc(50% - 0.14rem);background: #1D1D1F;border-radius: 0.14rem;padding: 0.8rem 0.5rem 0.8rem 0.48rem;height:auto;display: flex;justify-content: space-between;align-items: flex-start;}
.pd2 .list1 .item1 .txt1{width: 3.1rem;}
.pd2 .list1 .item1 .txt1 .tip{width: fit-content;padding: 0.05rem 0.08rem;color: #fff;background-color: var(--vi);font-weight: 600;border-radius:3px;line-height: 1.2;margin-bottom: 0.12rem;}
.pd2 .list1 .item1 .txt1 .h_1{font-weight: 600;line-height: 1.24;margin-bottom: 0.45rem;}
.pd2 .list1 .item1 .txt1 .p1{font-weight: 400;font-weight: pop;line-height: 0.36rem;}
.pd2 .list1 .item1 .txt1 .p1 li{position: relative;padding-left: 0.3rem;}
.pd2 .list1 .item1 .txt1 .p1 li:after{content: "";position: absolute;top: 0.16rem;left: 0.1rem; width: 0.04rem;height: 0.04rem;background-color: #fff;border-radius: 50%;}
.pd2 .list1 .item1 .pic{width: 2.92rem;height: 2.82rem;margin-top: 0.23rem;}
.pd2 .list1 .item1 .pic img{width: 100%;height: 100%;object-fit: contain;transition: all 0.5s;}
.pd2 .list1 .item1 .pic:hover img{transform: scale(1.05);}

.pd3{position: relative;overflow: hidden;height: 11.6rem;z-index: 2;padding-top:1rem;background-color:#000}
.pd3 .bj{width: 100%;height: 110%;}
.pd3 .bj img{width: 100%;height: 100%;object-fit: cover;}
.pd3 .txt{position: absolute;top: 1.95rem;color: #fff;z-index: 2;width: 10.6rem;left: 50%;transform: translateX(-50%);text-align: center;}
.pd3 .txt .tit{font-weight: 600;line-height: 1.2;margin-bottom: 0.32rem;text-transform:capitalize}
.pd3 .txt .p{font-weight: 400;line-height: 1.67;font-family: pop;opacity: 0.68;}

.pd4{position: relative;overflow: hidden;height: 9.8rem;z-index: 2;}
.pd4 .bj{width: 100%;height: 110%;}
.pd4 .bj img{width: 100%;height: 100%;object-fit: cover;}
.pd4 .txt{position: absolute;top: 50%;transform:translateY(-50%); left: 2rem;width: 6.1rem;color: #ffffff;z-index: 2;}
.pd4 .txt .tit{font-weight: 600;line-height: 1.2;margin-bottom: 0.47rem;text-transform:capitalize}
.pd4 .txt .p{font-weight: 400;font-family: pop;line-height: 1.67;opacity: 0.68;}
.pd4 .txt .list{display: flex;justify-content: space-between;text-align: center;margin-top: 1.3rem;}
.pd4 .txt .list .item .icon{display: block;width: 0.7rem;height: 0.7rem;margin: 0 auto; margin-bottom: 0.18rem;}
.pd4 .txt .list .item .p1{font-weight: 400;font-family: pop;line-height: 0.5rem;}
.pd4 .txt .list .item .p1 span{font-weight: 600;font-style: italic;margin: 0 0.05rem;}
.pd4 .txt .list .item .p2{font-weight: 400;font-family: pop;line-height: 1.5;}

.pd5{padding: 1.6rem 2rem 0 2rem;background-color: #000;color: #fff;}
.pd5 .tit{text-align: center;font-weight: 600;line-height: 1.2;margin-bottom: 0.32rem;text-transform:capitalize}
.pd5 .p{width: 10.6rem;margin: 0 auto;margin-bottom: 0.21rem;font-family: pop;font-weight: 400;line-height: 1.55;opacity: 0.68;text-align: center;}
.pd5 .pic{width: 100%;height: 6.7rem;border-radius: 0.14rem;overflow: hidden;}
.pd5 .pic img{width: 100%;height: 110%;object-fit: cover;}

.pd6{position: relative;overflow: hidden;z-index: 2;padding-top:1.6rem;background-color:#000;}
.pd6 .bj{width: 100%;height: 100%;}
.pd6 .bj img{width: 100%;height: 100%;object-fit: cover;}
.pd6 .txt{position: absolute;top: 2.38rem;color: #fff;z-index: 2;width: 10.6rem;left: 50%;transform: translateX(-50%);text-align: center;}
.pd6 .txt .tit{font-weight: 600;line-height: 1.2;margin-bottom: 0.32rem;text-transform:capitalize}
.pd6 .txt .p{font-weight: 400;line-height: 1.67;font-family: pop;opacity: 0.68;}

.pd7{padding: 1.6rem 2rem 0.2rem 2rem;background-color: #000;}
.pd7 .item{width: 100%;display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 1.6rem;}
.pd7 .item:nth-child(2n){flex-flow:row-reverse;}
.pd7 .item .pics{width: 8.76rem;height: 5.78rem;border-radius: 0.18rem;overflow: hidden;}
.pd7 .item .pics .picx{width: 100%;height: 110%;}
.pd7 .item .pics .picx img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.pd7 .item .pics:hover .picx img{transform: scale(1.05);}
.pd7 .item .txt{width: 5.5rem;color: #ffffff;padding-top: 0.7rem;}
.pd7 .item .txt .h{font-weight: 600;line-height: 1.2;margin-bottom: 0.6rem;text-transform:capitalize}
.pd7 .item .txt .p{font-weight: 400;font-family: pop;line-height: 1.75;opacity: 0.68;max-height:8.75em;overflow:auto;}

.pd7 .item .txt .p::-webkit-scrollbar {
	width: 3px;
	background-color: #ffffff1a
}

/*.pd8{background-color: #fff;padding: 1.8rem 2rem 0 2rem;}*/
/*.pd8 .topx{width: 100%;display: flex;justify-content: space-between;position: relative;align-items: flex-end; z-index: 20;margin-bottom: 0.53rem;}*/
/*.pd8 .topx .tit{text-align: center;color: #000;font-weight: 600;line-height: 1.2;}*/
/*.pd8 .topx .pdmean{position: relative;width: 0.44rem;height: 0.54rem;}*/
/*.pd8 .topx .pdmean .add{width: 100%;height: 0.44rem;cursor: pointer;}*/
/*.pd8 .topx .pdmean .add>img{width: 100%;height: 100%;}*/
/*.pd8 .topx .pdmean .add>img.img2{display: none;}*/
/*.pd8 .topx .pdmean.show .add>img.img1{display: none;}*/
/*.pd8 .topx .pdmean.show .add>img.img2{display: block;}*/
/*.pd8 .topx .pdmean .sel{position: absolute;left: 50%;transform: translateX(-50%);width: 2rem;border-radius: 0.04rem;background: #FFF;box-shadow: 0 33px 84.4px 0 rgba(0, 0, 0, 0.05);height: 6rem;overflow: auto;opacity: 0;top: calc(100% + 0.5rem);transition: all 0.5s;pointer-events: none;}*/
/*.pd8 .topx .pdmean.show .sel{top: calc(100% + 0.1rem);opacity: 1;pointer-events: all;}*/
/*.pd8 .topx .pdmean .sel .item{padding: 0.3rem 0.37rem;border-bottom: 1px solid #33333310;}*/
/*.pd8 .topx .pdmean .sel .item .h{color: #333;line-height: 1.11;font-weight: 400;text-transform: capitalize;margin-bottom: 0.2rem;}*/
/*.pd8 .topx .pdmean .sel .item .p{color: #999;font-weight: 400;line-height: 1.2;text-transform: capitalize;margin-bottom: 0.2rem;cursor: pointer;transition: all 0.5s;}*/
/*.pd8 .topx .pdmean .sel .item .p:hover{color: var(--vi);}*/
/*.pd8 .topx .pdmean .sel .item .p:last-child{margin-bottom: 0;}*/
/*.pd8 .con{border-radius: 0.24rem;overflow: hidden;box-shadow: 0 35.359px 60.137px 0 rgba(0, 0, 0, 0.06);margin-bottom: 0.5rem;position: relative;}*/
/*.pd8 .con::after{content: "";position: absolute;top: 0;right: 0;width: 2.6rem;background: linear-gradient(to left,#ffffff,transparent);height: 100%;z-index: 10;pointer-events: none;}*/

/*.pd8 .con .top-bar {padding: 0.62rem 0;display: flex;background-color: #F0F0F0;align-items: center;justify-content: space-between;}*/
/*.pd8 .con .top-bar label{display: flex;align-items: flex-start;color: #000;font-weight: 500;font-family: pop;width: 2.76rem;padding-left: 1rem;}*/
/*.pd8 .con .top-bar .selects-wrap{flex: 1;overflow-x: auto;-webkit-overflow-scrolling: touch;scroll-behavior: auto;padding-right: 1rem;}*/
/*.pd8 .con .top-bar .selects-wrap,*/
/*.pd8 .con .pd8-scroll-outer{cursor: grab;touch-action: pan-y;}*/
/*.pd8 .con .top-bar .selects-wrap.is-dragging,*/
/*.pd8 .con .pd8-scroll-outer.is-dragging{cursor: grabbing;}*/
/*body.pd8-dragging{user-select: none;}*/
/*.pd8 .con .top-bar .selects-wrap::-webkit-scrollbar{height: 0;}*/
/*.pd8 .con .top-bar .selects-wrap .selects{width: auto;display: flex;gap: 0.2rem;}*/
/*.pd8 .con .top-bar .select{width: 3.16rem;position: relative;flex-shrink: 0;position: relative;min-height: 0.5rem;padding: 0 0.5rem 0 0.18rem;border: 1px solid rgba(0, 0, 0, 0.10);border-radius: 0.06rem;background: linear-gradient(0deg, #F8F8FA 0%, #F8F8FA 100%), #FFF;box-shadow: none;display: flex;align-items: center;justify-content: space-between;}*/
/*.pd8 .con .top-bar .select .pro-label{line-height: 0.24rem;font-size: 0.16rem;color: #000;font-family: pop;font-weight: 500;padding: 0.12rem 0;}*/
/*.pd8 .con .pd8-scroll-outer{overflow-x: auto;-webkit-overflow-scrolling: touch;scroll-behavior: auto;}*/
/*.pd8 .con .pd8-scroll-outer::-webkit-scrollbar{height: 4px;}*/
/*.pd8 .con .pd8-scroll-outer::-webkit-scrollbar-thumb{background: rgba(0,0,0,0.15);border-radius: 2px;}*/
/*.pd8 .con .pd8-scroll-inner{min-width: fit-content;}*/
/*.pd8 .con.multi-col .pd8-row-title{position: sticky;left: 0;z-index: 2;background: #fff;width: 2.76rem;}*/
/*.pd8 .con.multi-col .pd8-cell{flex: 0 0 3.16rem;min-width: 3.16rem;margin-right: 0.2rem;}*/
/*.pd8 .con.multi-col .pd8-cell:last-child{margin-right: 0;}*/
/*.pd8 .con.multi-col .pd8-section-title{position: sticky;left: 0;z-index: 1;width: calc(100vw - 4rem);}*/
/*.pd8 .con.multi-col .pd8-scroll-outer{margin-left: 0;}*/
/*.pd8 .con .pd8-scroll-hint{display: flex;align-items: center;justify-content: center;gap: 0.16rem;padding: 0.24rem 0 0.16rem 0;color: rgba(0,0,0,0.35);font-size: 0.14rem;font-family: pop;}*/
/*.pd8 .con .pd8-scroll-hint .pd8-scroll-arrow{cursor: pointer;display: flex;align-items: center;justify-content: center;width: 0.36rem;height: 0.36rem;border-radius: 50%;background: rgba(0,0,0,0.06);transition: all 0.3s;}*/
/*.pd8 .con .pd8-scroll-hint .pd8-scroll-arrow:hover{background: rgba(0,0,0,0.12);color: var(--vi);}*/
/*.pd8 .con .top-bar .select::after{display: none;}*/
/*.pd8 .con .top-bar .select select{line-height: 0.24rem;padding: 0;border: none;background-color: transparent;font-size: 0.16rem;color: #000;font-family: pop;font-weight: 500;-webkit-appearance: none;appearance: none;pointer-events: none;}*/
/*.pd8 .con .top-bar input[type="checkbox"] {margin-right:5px;background-color: #fff;border: none;accent-color:var(--vi)}*/
/*.pd8 .con .pd8-section-title{background: rgba(145, 145, 145, 0.12);font-weight:600;font-family: pop; padding:0.26rem 1rem;font-size:0.24rem}*/
/*.pd8 .con .pd8-row{display:flex;padding-top: 0.35rem;}*/
/*.pd8 .con .pd8-row:nth-child(1){padding: 0.76rem 0;}*/
/*.pd8 .con .pd8-row-title{font-weight:bold;width:21.6%;padding:0 0 0 1rem;flex-shrink:0;color: #333;font-size: 0.2rem;line-height: 0.24rem;font-weight: 500;font-family: pop;}*/
/*.pd8 .con .pd8-row-values{flex:1;display:flex;padding-right: 1rem;}*/
/*.pd8 .con .pd8-cell{flex:1;padding:0 0.18rem 0.35rem 0.18rem;font-size: 0.16rem;line-height: 1.5;font-weight: 400;font-family: pop; border-bottom: 1px solid rgba(0, 0, 0, 0.10);}*/
/*.pd8 .con .pd8-cell.pd8-img{border: none;width: 3.16rem;margin-right: 0.2rem;background-color: rgba(0,0,0,0.04);border-radius: 0.03rem;height: 2.05rem;display: flex;align-items: center;justify-content: center;cursor: pointer;position: relative;}*/
/*.pd8 .con .pd8-cell.pd8-img.on::after{content: "";position: absolute;bottom: 0;right: 0;width: 0.45rem;height: 0.45rem;background: url(../img/pdcgou.png);background-size: 100% 100%;}*/
/*.pd8 .con .pd8-cell.pd8-img:last-child{margin-right: 0;}*/
/*.pd8 .con .pd8-cell.pd8-img img{width: 1.62rem;height: 1.66rem;object-fit: contain;transition: all 0.5s var(--ease);}*/
/*.pd8 .con .pd8-cell.pd8-img:hover img{transform: scale(1.05);}*/
/*.pd8 .con .table-box.hide-same .row-same{display: none;}*/
/*.pd8 .more{margin: 0 auto;}*/

/*.pd8.pdcx{padding-top: 2.37rem;padding-bottom: 1.2rem;}*/
/*.pd8.pdcx .con .pd8-cell.pd8-img{width: calc(33.33% - 0.14rem);}*/

/*.pd8.pdcx{background-color: #F6F7F8;}*/
/*.pd8.pdcx .Breadcrumbs{display:none;}*/
/*.pd8.pdcx .topx{width:100%;margin:0 auto;align-items:center;}*/
/*.pd8.pdcx .topx .tit{line-height:1.05;color: #333; font-weight:600;text-align:left;margin-bottom: 0.74rem;}*/
/*.pd8.pdcx .topx .pdmean{position:absolute;z-index:30;left:0.42rem;top:calc(100% + 2.2rem);width:1.55rem;height:auto;}*/
/*.pd8.pdcx .topx .pdmean .add{display:flex;align-items:flex-start;width:100%;height:auto;color:#303030;font-size:0.18rem;line-height:1.2;font-family:pop;cursor:pointer;}*/
/*.pd8.pdcx .topx .pdmean .add>img{display:none!important;}*/
/*.pd8.pdcx .topx .pdmean .add::before{content:"";width:0.22rem;height:0.22rem;margin-right:0.20rem;border:1px solid #B7B7B7;background:#fff;flex-shrink:0;}*/
/*.pd8.pdcx .topx .pdmean .add::after{content:"Add Products";}*/
/*.pd8.pdcx .topx .pdmean .sel{left:0;top:calc(100% + 0.18rem);transform:none;width:2.12rem;height:3.4rem;border-radius:0;background:#fff;box-shadow:0 0.18rem 0.5rem rgba(0,0,0,0.12);}*/
/*.pd8.pdcx .topx .pdmean.show .sel{top:calc(100% + 0.08rem);}*/
/* .pd8.pdcx .topx .pdmean .sel .item{padding:0.18rem 0.22rem;}
.pd8.pdcx .topx .pdmean .sel .item .h{font-size:0.14rem;margin-bottom:0.13rem;}
.pd8.pdcx .topx .pdmean .sel .item .p{font-size:0.12rem;margin-bottom:0.1rem;} */
/*.pd8.pdcx .con{width:100%;margin:0 auto;background:#fff;border-radius:0;box-shadow:none;overflow:hidden;}*/
/*.pd8.pdcx .con::after{display:none;}*/
/*.pd8.pdcx .con .top-bar{position:relative;z-index:12;display:flex;align-items:stretch;justify-content:flex-start;padding:0.6rem 0.38rem 0.58rem 0;background:#fff;overflow:visible;}*/
/*.pd8.pdcx .con .pd8-filter-panel{width:3.3rem;flex:0 0 3.3rem;padding-left:0.42rem;color:#151515;font-family:pop;}*/
/*.pd8.pdcx .con .pd8-filter-title{margin-bottom:0.5rem;font-weight:600;line-height:1.43;}*/
/*.pd8.pdcx .con .top-bar label{width:auto;padding:0;margin:0;color:#343434;font-size:0.18rem;font-weight:400;line-height:1.2;text-transform:none;}*/
/*.pd8.pdcx .con .top-bar input[type="checkbox"]{width:0.22rem;height:0.22rem;margin:0.01rem 0.2rem 0 0;border:1px solid #B7B7B7;background:#fff;accent-color:#111;appearance:auto;}*/
/*.pd8.pdcx .con .top-bar .selects-wrap{flex:1;min-width:0;padding:0;overflow-x:auto;overflow-y:hidden;}*/
/*.pd8.pdcx .con .top-bar .selects-wrap,*/
/*.pd8.pdcx .con .pd8-scroll-outer{cursor:default;touch-action:auto;}*/
/*.pd8.pdcx .con .top-bar .selects-wrap .selects{gap:0.2rem;}*/
/*.pd8.pdcx .con .top-bar .select{width:3.64rem;min-height:2.05rem;flex:0 0 3.64rem;padding:0.2rem 0.2rem 0.34rem 0.2rem;border:0;border-radius:0;background:#EDEFF2;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;}*/
/*.pd8.pdcx .con .top-bar .select .pro-label{display:none;}*/
/*.pd8.pdcx .pd8-card-pic{height:1.3rem;width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:0.09rem;}*/
/*.pd8.pdcx .pd8-card-pic img{width:100%;height:100%;object-fit:contain;transition:transform 0.4s var(--ease);}*/
/*.pd8.pdcx .pd8-product-card:hover .pd8-card-pic img{transform:scale(1.04);}*/
/*.pd8.pdcx .pd8-card-model{margin-bottom:0.29rem;color:#333;font-size:0.22rem;font-weight:600;line-height:1.5;text-align:center;}*/
/*.pd8.pdcx .pd8-card-actions{display:flex;align-items:center;justify-content:center;gap:0.08rem;width:100%;}*/
/*.pd8.pdcx .pd8-card-more,*/
/*.pd8.pdcx .pd8-card-delete{width: 1.2rem;text-align: center; border-radius:0.04rem;border:1px solid #999;font-family:pop;font-size:0.16rem;line-height:0.38rem;font-weight:400;cursor:pointer;transition:all 0.25s var(--ease);color: #333;}*/
/*.pd8.pdcx .pd8-card-more{background:#252525;color:#fff;}*/
/*.pd8.pdcx .pd8-card-delete{background:#fff;color:#252525;}*/
/*.pd8.pdcx .pd8-card-more:hover{background:#000;border-color:#000;}*/
/*.pd8.pdcx .pd8-card-delete:hover{background:#252525;color:#fff;}*/
/*.pd8.pdcx .con .pd8-scroll-outer{width:calc(100% - 0.42rem);overflow-x:auto;background:#fff;position: relative;}*/
/*.pd8.pdcx .con .pd8-scroll-outer::-webkit-scrollbar{height:0;}*/
/*.pd8.pdcx .con .pd8-scroll-inner{min-width:fit-content;}*/
/*.pd8.pdcx .con .pd8-section-title{position:sticky;left:0;z-index:4;width:100%;min-width:13.5rem;padding:0.26rem 0.42rem;background:#f0f2f4;color:#2b2b2b;font-size:0.24rem;font-weight:700;line-height:1.2;}*/
/*.pd8.pdcx .con.multi-col .pd8-section-title{width:calc(100vw - 4rem);min-width:13.5rem;font-size: 0.24rem;font-weight: 600;line-height: 1.43;}*/
/*.pd8.pdcx .con .pd8-row{display:flex;min-width:13.5rem;padding:0;background:#fff;}*/
/*.pd8.pdcx .con .pd8-row-title{width:3.3rem;flex:0 0 3.3rem;padding:0.2rem 0.22rem 0.2rem 0.42rem;color:#242424;font-family:pop;font-size:0.2rem;font-weight:500;line-height:1.35;background:#fff;}*/
/*.pd8.pdcx .con.multi-col .pd8-row-title{width:3.3rem;background:#fff;font-size: 0.2rem;}*/
/*.pd8.pdcx .con .pd8-row-values{flex:0 0 auto;display:flex;padding:0 0.42rem 0 0;}*/
/*.pd8.pdcx .con .pd8-cell,*/
/*.pd8.pdcx .con.multi-col .pd8-cell{flex:0 0 3.64rem;min-width:3.64rem;margin-right:0.2rem;padding:0.2rem 0 0.2rem 0;color:#666;font-size:0.16rem;font-weight:400;line-height:1.5;border-bottom:1px solid #eceef0;}*/
/*.pd8.pdcx .con .pd8-cell:last-child,*/
/*.pd8.pdcx .con.multi-col .pd8-cell:last-child{margin-right:0;}*/
/*.pd8.pdcx .pd8-scroll-hint{position:absolute;z-index:18;top:1.92rem;left:3.5rem;right:0.78rem;display:flex;justify-content:space-between;align-items:center;padding:0;pointer-events:none;color:#202020;}*/
/*.pd8.pdcx .pd8-scroll-hint .pd8-scroll-text{display:none;}*/
/*.pd8.pdcx .pd8-scroll-hint .pd8-scroll-arrow{pointer-events:auto;width:0.46rem;height:0.46rem;border: 1px solid #00000020; border-radius:50%;background:transparent;color:#202020;}*/
/*.pd8.pdcx .pd8-scroll-hint .pd8-scroll-arrow svg{width:0.15rem;height:0.15rem;}*/
/*.pd8.pdcx .pd8-scroll-hint .pd8-scroll-arrow:hover{background:rgba(0,0,0,0.06);color:#000;}*/

/*@media screen and (max-width: 768px){*/
/*  .pd8.pdcx{padding-top:1rem;}*/
/*  .pd8.pdcx .topx,*/
/*  .pd8.pdcx .con{width:calc(100% - 28px);}*/
/*  .pd8.pdcx .topx .tit{font-size:24px;}*/
/*  .pd8.pdcx .topx .pdmean{left:16px;top:calc(100% + 126px);width:130px;}*/
/*  .pd8.pdcx .topx .pdmean .add,*/
/*  .pd8.pdcx .con .top-bar label{font-size:12px;}*/
/*  .pd8.pdcx .con .top-bar{padding:24px 16px 16px 0;}*/
/*  .pd8.pdcx .con .pd8-filter-panel,*/
/*  .pd8.pdcx .con .pd8-row-title,*/
/*  .pd8.pdcx .con.multi-col .pd8-row-title{width:132px;flex-basis:132px;padding-left:16px;}*/
/*  .pd8.pdcx .con .pd8-filter-title{font-size:13px;}*/
/*  .pd8.pdcx .con .top-bar .select,*/
/*  .pd8.pdcx .con .pd8-cell,*/
/*  .pd8.pdcx .con.multi-col .pd8-cell{width:190px;min-width:190px;flex-basis:190px;}*/
/*  .pd8.pdcx .con .pd8-section-title,*/
/*  .pd8.pdcx .con.multi-col .pd8-section-title,*/
/*  .pd8.pdcx .con .pd8-row{min-width:calc(132px + (190px * 3) + 52px);}*/
/*  .pd8.pdcx .con .pd8-section-title{padding:18px 16px;font-size:14px;}*/
/*  .pd8.pdcx .con .pd8-row-title,*/
/*  .pd8.pdcx .con .pd8-cell,*/
/*  .pd8.pdcx .con.multi-col .pd8-cell{font-size:12px;}*/
/*  .pd8.pdcx .pd8-scroll-hint{top:86px;left:122px;right:6px;}*/
/*}*/
.pd8{background-color: #fff;padding: 1.8rem 2rem 0 2rem;}
.pd8 .topx{width: 100%;display: flex;justify-content: space-between;position: relative;align-items: flex-end; z-index: 20;margin-bottom: 0.53rem;}
.pd8 .topx .tit{text-align: center;color: #000;font-weight: 600;line-height: 1.2;}
.pd8 .topx .pdmean{position: relative;width: 0.44rem;height: 0.54rem;}
.pd8 .topx .pdmean .add{width: 100%;height: 0.44rem;cursor: pointer;}
.pd8 .topx .pdmean .add>img{width: 100%;height: 100%;}
.pd8 .topx .pdmean .add>img.img2{display: none;}
.pd8 .topx .pdmean.show .add>img.img1{display: none;}
.pd8 .topx .pdmean.show .add>img.img2{display: block;}
.pd8 .topx .pdmean .sel{position: absolute;left: 50%;transform: translateX(-50%);width: 2rem;border-radius: 0.04rem;background: #FFF;box-shadow: 0 33px 84.4px 0 rgba(0, 0, 0, 0.05);height: 6rem;overflow: auto;opacity: 0;top: calc(100% + 0.5rem);transition: all 0.5s;pointer-events: none;}
.pd8 .topx .pdmean.show .sel{top: calc(100% + 0.1rem);opacity: 1;pointer-events: all;}
.pd8 .topx .pdmean .sel .item{padding: 0.3rem 0.37rem;border-bottom: 1px solid #33333310;}
.pd8 .topx .pdmean .sel .item .h{color: #333;line-height: 1.11;font-weight: 400;text-transform: capitalize;margin-bottom: 0.2rem;}
.pd8 .topx .pdmean .sel .item .p{color: #999;font-weight: 400;line-height: 1.2;text-transform: capitalize;margin-bottom: 0.2rem;cursor: pointer;transition: all 0.5s;}
.pd8 .topx .pdmean .sel .item .p:hover{color: var(--vi);}
.pd8 .topx .pdmean .sel .item .p:last-child{margin-bottom: 0;}
.pd8 .con{border-radius: 0.24rem;overflow: hidden;box-shadow: 0 35.359px 60.137px 0 rgba(0, 0, 0, 0.06);margin-bottom: 0.5rem;position: relative;}
/*.pd8 .con::after{content: "";position: absolute;top: 0;right: 0;width: 2.6rem;background: linear-gradient(to left,#ffffff,transparent);height: 100%;z-index: 10;pointer-events: none;}*/

.pd8 .con .top-bar {padding: 0.62rem 0;display: flex;background-color: #F0F0F0;align-items: center;justify-content: space-between;}
.pd8 .con .top-bar label{display: flex;align-items: flex-start;color: #000;font-weight: 500;font-family: pop;width: 2.76rem;padding-left: 1rem;}
.pd8 .con .top-bar .selects-wrap{flex: 1;overflow-x: auto;-webkit-overflow-scrolling: touch;scroll-behavior: auto;padding-right: 1rem;}
.pd8 .con .top-bar .selects-wrap,
.pd8 .con .pd8-scroll-outer{cursor: grab;touch-action: pan-y;}
.pd8 .con .top-bar .selects-wrap.is-dragging,
.pd8 .con .pd8-scroll-outer.is-dragging{cursor: grabbing;}
body.pd8-dragging{user-select: none;}
.pd8 .con .top-bar .selects-wrap::-webkit-scrollbar{height: 0;}
.pd8 .con .top-bar .selects-wrap .selects{width: auto;display: flex;gap: 0.2rem;}
.pd8 .con .top-bar .select{width: 3.16rem;position: relative;flex-shrink: 0;position: relative;min-height: 0.5rem;padding: 0 0.5rem 0 0.18rem;border: 1px solid rgba(0, 0, 0, 0.10);border-radius: 0.06rem;background: linear-gradient(0deg, #F8F8FA 0%, #F8F8FA 100%), #FFF;box-shadow: none;display: flex;align-items: center;justify-content: space-between;}
.pd8 .con .top-bar .select .pro-label{line-height: 0.24rem;font-size: 0.16rem;color: #000;font-family: pop;font-weight: 500;padding: 0.12rem 0;}
.pd8 .con .pd8-scroll-outer{overflow-x: auto;-webkit-overflow-scrolling: touch;scroll-behavior: auto;}
.pd8 .con .pd8-scroll-outer::-webkit-scrollbar{height: 4px;}
.pd8 .con .pd8-scroll-outer::-webkit-scrollbar-thumb{background: rgba(0,0,0,0.15);border-radius: 2px;}
.pd8 .con .pd8-scroll-inner{min-width: fit-content;}
.pd8 .con.multi-col .pd8-row-title{position: sticky;left: 0;z-index: 2;background: #fff;width: 2.76rem;}
.pd8 .con.multi-col .pd8-cell{flex: 0 0 3.16rem;flex:1; min-width: 3.16rem;margin-right: 0.2rem;}
.pd8 .con.multi-col .pd8-cell:last-child{margin-right: 0;}
.pd8 .con.multi-col .pd8-section-title{position: sticky;left: 0;z-index: 1;width: calc(100vw - 4rem);}
.pd8 .con.multi-col .pd8-scroll-outer{margin-left: 0;}
.pd8 .con .pd8-scroll-hint{display: flex;align-items: center;justify-content: center;gap: 0.16rem;padding: 0.24rem 0 0.16rem 0;color: rgba(0,0,0,0.35);font-size: 0.14rem;font-family: pop;}
.pd8 .con .pd8-scroll-hint .pd8-scroll-arrow{cursor: pointer;display: flex;align-items: center;justify-content: center;width: 0.36rem;height: 0.36rem;border-radius: 50%;background: rgba(0,0,0,0.06);transition: all 0.3s;}
.pd8 .con .pd8-scroll-hint .pd8-scroll-arrow:hover{background: rgba(0,0,0,0.12);color: var(--vi);}
.pd8 .con .top-bar .select::after{display: none;}
.pd8 .con .top-bar .select select{line-height: 0.24rem;padding: 0;border: none;background-color: transparent;font-size: 0.16rem;color: #000;font-family: pop;font-weight: 500;-webkit-appearance: none;appearance: none;pointer-events: none;}
.pd8 .con .top-bar input[type="checkbox"] {margin-right:5px;background-color: #fff;border: none;accent-color:var(--vi)}
.pd8 .con .pd8-section-title{background: rgba(145, 145, 145, 0.12);font-weight:600;font-family: pop; padding:0.26rem 1rem;font-size:0.24rem}
.pd8 .con .pd8-row{display:flex;padding-top: 0.35rem;}
.pd8 .con .pd8box:nth-child(n+4){display:none;}
.pd8.show .con .pd8box:nth-child(n+4){display:block;}
.pd8 .more{margin: 0 auto;margin-top: 0.6rem;}
.pd8.show .more{display: none;}
.pd8 .con .pd8-row:nth-child(1){padding: 0.76rem 0;}
.pd8 .con .pd8-row-title{font-weight:bold;width:2.76rem;padding:0 0 0 1rem;flex-shrink:0;color: #333;font-size: 0.2rem;line-height: 0.24rem;font-weight: 500;font-family: pop;}
.pd8 .con .pd8-row-values{display:flex;padding-right: 1rem;width:calc(100% - 2.76rem)}
.pd8 .con .pd8-cell{padding:0 0.18rem 0.35rem 0.18rem;font-size: 0.16rem;flex:1; margin-right:0.2rem; line-height: 1.5;font-weight: 400;font-family: pop; border-bottom: 1px solid rgba(0, 0, 0, 0.10);}
.pd8 .con .pd8-cell.pd8-img{border: none;flex:1; margin-right: 0.2rem;background-color: rgba(0,0,0,0.04);border-radius: 0.03rem;height: 2.05rem;display: flex;align-items: center;justify-content: center;cursor: pointer;position: relative;padding-top:0.35rem;}
.pd8 .con .pd8-cell.pd8-img.on::after{content: "";position: absolute;bottom: 0;right: 0;width: 0.45rem;height: 0.45rem;background: url(../img/pdcgou.png);background-size: 100% 100%;}
.pd8 .con .pd8-cell.pd8-img:last-child{margin-right: 0;}
.pd8 .con .pd8-cell.pd8-img img{width: 1.62rem;height: 1.66rem;object-fit: contain;transition: all 0.5s var(--ease);}
.pd8 .con .pd8-cell.pd8-img:hover img{transform: scale(1.05);}
.pd8 .con .table-box.hide-same .row-same{display: none;}
.pd8 .more{margin: 0 auto;}

.pd8.pdcx{padding-top: 2.37rem;padding-bottom: 1.2rem;}
.pd8.pdcx .con .pd8-cell.pd8-img{width: calc(33.33% - 0.14rem);}

.pd8.pdcx{background-color: #F6F7F8;}
.pd8.pdcx .Breadcrumbs{display:none;}
.pd8.pdcx .topx{width:100%;margin:0 auto;align-items:center;}
.pd8.pdcx .topx .tit{line-height:1.05;color: #333; font-weight:600;text-align:left;margin-bottom: 0.74rem;}
.pd8.pdcx .topx .pdmean{position:absolute;z-index:30;left:0.42rem;top:calc(100% + 2.2rem);width:1.55rem;height:auto;}
.pd8.pdcx .topx .pdmean .add{display:flex;align-items:flex-start;width:100%;height:auto;color:#303030;font-size:0.18rem;line-height:1.2;font-family:pop;cursor:pointer;}
.pd8.pdcx .topx .pdmean .add>img{display:none!important;}
.pd8.pdcx .topx .pdmean .add::before{content:"";width:0.22rem;height:0.22rem;margin-right:0.20rem;border:1px solid #B7B7B7;background:#fff;flex-shrink:0;}
.pd8.pdcx .topx .pdmean .add::after{content:"Add Products";}
.pd8.pdcx .topx .pdmean .sel{left:0;top:calc(100% + 0.18rem);transform:none;width:2.12rem;height:3.4rem;border-radius:0;background:#fff;box-shadow:0 0.18rem 0.5rem rgba(0,0,0,0.12);}
.pd8.pdcx .topx .pdmean.show .sel{top:calc(100% + 0.08rem);}
/* .pd8.pdcx .topx .pdmean .sel .item{padding:0.18rem 0.22rem;}
.pd8.pdcx .topx .pdmean .sel .item .h{font-size:0.14rem;margin-bottom:0.13rem;}
.pd8.pdcx .topx .pdmean .sel .item .p{font-size:0.12rem;margin-bottom:0.1rem;} */
.pd8.pdcx .con{width:100%;margin:0 auto;background:#fff;border-radius:0;box-shadow:none;overflow:hidden;}
.pd8.pdcx .con::after{display:none;}
.pd8.pdcx .con .top-bar{position:relative;z-index:12;display:flex;align-items:stretch;justify-content:flex-start;padding:0.6rem 0.38rem 0.58rem 0;background:#fff;overflow:visible;}
.pd8.pdcx .con .pd8-filter-panel{width:3.3rem;flex:0 0 3.3rem;padding-left:0.42rem;color:#151515;font-family:pop;}
.pd8.pdcx .con .pd8-filter-title{margin-bottom:0.5rem;font-weight:600;line-height:1.43;}
.pd8.pdcx .con .top-bar label{width:auto;padding:0;margin:0;color:#343434;font-size:0.18rem;font-weight:400;line-height:1.2;text-transform:none;}
.pd8.pdcx .con .top-bar input[type="checkbox"]{width:0.22rem;height:0.22rem;margin:0.01rem 0.2rem 0 0;border:1px solid #B7B7B7;background:#fff;accent-color:#111;appearance:auto;}
.pd8.pdcx .con .top-bar .selects-wrap{flex:1;min-width:0;padding:0;overflow-x:auto;overflow-y:hidden;}
.pd8.pdcx .con .top-bar .selects-wrap,
.pd8.pdcx .con .pd8-scroll-outer{cursor:default;touch-action:auto;}
.pd8.pdcx .con .top-bar .selects-wrap .selects{gap:0.2rem;}
.pd8.pdcx .con .top-bar .select{min-width:3.64rem;min-height:2.05rem;flex:1;padding:0.2rem 0.2rem 0.34rem 0.2rem;border:0;border-radius:0;background:#EDEFF2;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;}
.pd8.pdcx .con .top-bar .select .pro-label{display:none;}
.pd8.pdcx .pd8-card-pic{height:1.3rem;width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:0.09rem;}
.pd8.pdcx .pd8-card-pic img{width:100%;height:100%;object-fit:contain;transition:transform 0.4s var(--ease);}
.pd8.pdcx .pd8-product-card:hover .pd8-card-pic img{transform:scale(1.04);}
.pd8.pdcx .pd8-card-model{margin-bottom:0.29rem;color:#333;font-size:0.22rem;font-weight:600;line-height:1.5;text-align:center;}
.pd8.pdcx .pd8-card-actions{display:flex;align-items:center;justify-content:center;gap:0.08rem;width:100%;}
.pd8.pdcx .pd8-card-more,
.pd8.pdcx .pd8-card-delete{width: 1.2rem;text-align: center; border-radius:0.04rem;border:1px solid #999;font-family:pop;font-size:0.16rem;line-height:0.38rem;font-weight:400;cursor:pointer;transition:all 0.25s var(--ease);color: #333;}
.pd8.pdcx .pd8-card-more{background:#252525;color:#fff;}
.pd8.pdcx .pd8-card-delete{background:#fff;color:#252525;}
.pd8.pdcx .pd8-card-more:hover{background:#000;border-color:#000;}
.pd8.pdcx .pd8-card-delete:hover{background:#252525;color:#fff;}
.pd8.pdcx .con .pd8-scroll-outer{width:calc(100% - 0.42rem);overflow-x:auto;background:#fff;position: relative;}
.pd8.pdcx .con .pd8-scroll-outer::-webkit-scrollbar{height:0;}
.pd8.pdcx .con .pd8-scroll-inner{min-width:fit-content;}
.pd8.pdcx .con .pd8-section-title{position:sticky;left:0;z-index:4;width:100%;min-width:13.5rem;padding:0.26rem 0.42rem;background:#f0f2f4;color:#2b2b2b;font-size:0.24rem;font-weight:700;line-height:1.2;}
.pd8.pdcx .con.multi-col .pd8-section-title{width:calc(100vw - 4rem);min-width:13.5rem;font-size: 0.24rem;font-weight: 600;line-height: 1.43;}
.pd8.pdcx .con .pd8-row{display:flex;min-width:13.5rem;padding:0;background:#fff;}
.pd8.pdcx .con .pd8-row-title{width:3.3rem;flex:0 0 3.3rem;padding:0.2rem 0.22rem 0.2rem 0.42rem;color:#242424;font-family:pop;font-size:0.2rem;font-weight:500;line-height:1.35;background:#fff;}
.pd8.pdcx .con.multi-col .pd8-row-title{width:3.3rem;background:#fff;font-size: 0.2rem;}
.pd8.pdcx .con .pd8-row-values{flex:0 0 auto;display:flex;padding:0 0.42rem 0 0;}
.pd8.pdcx .con .pd8-cell,
.pd8.pdcx .con.multi-col .pd8-cell{flex:1;min-width:3.64rem;margin-right:0.2rem;padding:0.2rem 0 0.2rem 0;color:#666;font-size:0.16rem;font-weight:400;line-height:1.5;border-bottom:1px solid #eceef0;}
.pd8.pdcx .con .pd8-cell:last-child,
.pd8.pdcx .con.multi-col .pd8-cell:last-child{margin-right:0;}
.pd8.pdcx .pd8-scroll-hint{position:absolute;z-index:18;top:1.92rem;left:3.5rem;right:0.78rem;display:flex;justify-content:space-between;align-items:center;padding:0;pointer-events:none;color:#202020;}
.pd8.pdcx .pd8-scroll-hint .pd8-scroll-text{display:none;}
.pd8.pdcx .pd8-scroll-hint .pd8-scroll-arrow{pointer-events:auto;width:0.46rem;height:0.46rem;border: 1px solid #00000020; border-radius:50%;background:transparent;color:#202020;}
.pd8.pdcx .pd8-scroll-hint .pd8-scroll-arrow svg{width:0.15rem;height:0.15rem;}
.pd8.pdcx .pd8-scroll-hint .pd8-scroll-arrow:hover{background:rgba(0,0,0,0.06);color:#000;}

@media screen and (max-width: 768px){
  .pd8.pdcx{padding-top:1rem;}
  .pd8.pdcx .topx,
  .pd8.pdcx .con{width:calc(100% - 28px);}
  .pd8.pdcx .topx .tit{font-size:24px;}
  .pd8.pdcx .topx .pdmean{left:16px;top:calc(100% + 126px);width:130px;}
  .pd8.pdcx .topx .pdmean .add,
  .pd8.pdcx .con .top-bar label{font-size:12px;}
  .pd8.pdcx .con .top-bar{padding:24px 16px 16px 0;}
  .pd8.pdcx .con .pd8-filter-panel,
  .pd8.pdcx .con .pd8-row-title,
  .pd8.pdcx .con.multi-col .pd8-row-title{width:132px;flex-basis:132px;padding-left:16px;}
  .pd8.pdcx .con .pd8-filter-title{font-size:13px;}
  .pd8.pdcx .con .top-bar .select,
  .pd8.pdcx .con .pd8-cell,
  .pd8.pdcx .con.multi-col .pd8-cell{width:190px;min-width:190px;flex-basis:190px;}
  .pd8.pdcx .con .pd8-section-title,
  .pd8.pdcx .con.multi-col .pd8-section-title,
  .pd8.pdcx .con .pd8-row{min-width:calc(132px + (190px * 3) + 52px);}
  .pd8.pdcx .con .pd8-section-title{padding:18px 16px;font-size:14px;}
  .pd8.pdcx .con .pd8-row-title,
  .pd8.pdcx .con .pd8-cell,
  .pd8.pdcx .con.multi-col .pd8-cell{font-size:12px;}
  .pd8.pdcx .pd8-scroll-hint{top:86px;left:122px;right:6px;}
}
.product_tc{position: fixed;bottom: 0;left: 0;width: 100%;z-index: 80;background: linear-gradient(0deg, #E5E7EB 0%, #E5E7EB 100%), linear-gradient(0deg, #343B3C 0%, #343B3C 100%), #EDEFF2;backdrop-filter: blur(20px);padding: 0.5rem 2rem 0.18rem 2rem;transition: transform 0.35s var(--ease), opacity 0.35s var(--ease);}
.product_tc.is-hidden{transform: translateY(100%);opacity: 0;pointer-events: none;}
.product_tc .con .top{display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.39rem;}
.product_tc .con .top .bt{width: fit-content;padding: 0.12rem 0.43rem;border-radius: 0.05rem;border: 1px solid #999;transition: all 0.5s;color: #333;text-transform: capitalize;font-weight: 500;cursor: pointer;}
.product_tc .con .top .bt:hover{color: #ffffff;background-color: var(--vi);border-color: transparent;}
.product_tc .con .top .right{display: flex;gap: 0.1rem;}
.product_tc .con .bottom{width: 100%;overflow: hidden;position: relative;padding-bottom: 0.1rem;}
.product_tc .con .bottom .list-scroll{width: 100%;overflow-x: auto;overflow-y: hidden;padding-bottom: 0.1rem;}

.product_tc .con .bottom .list-scroll::-webkit-scrollbar {
	width: 3px;
  height: 2px;
	background-color: #0000001a
}

.product_tc .con .bottom .list-scroll::-webkit-scrollbar-thumb {
	border: solid 1px transparent;
	width: 3px;
  height: 2px;
	border-radius: 4px;
	background-color: var(--vi)
}

.product_tc .con .bottom .list-scroll::-webkit-scrollbar-corner {
	background-color: transparent
}


.product_tc .con .bottom .list{width: fit-content;display: flex;gap: 0.2rem;}
.product_tc .con .bottom .list .item{width: 2.86rem;background-color: #ffffff;position: relative;border-radius: 0.04rem;padding: 0.2rem 0.3rem 0.1rem 0.3rem;}
.product_tc .con .bottom .list .item .pic{width: 100%;height: 1.05rem;overflow: hidden;margin-bottom: 0.13rem;}
.product_tc .con .bottom .list .item .pic img{width: 100%;height: 100%;object-fit: contain;transition: all 0.5s;}
.product_tc .con .bottom .list .item .pic:hover img{transform: scale(1.05);}
.product_tc .con .bottom .list .item .h{color: #333;font-weight: 600;text-transform: capitalize;line-height: 1.9;text-align: center;}
.product_tc .con .bottom .list .item .close{position: absolute;top: 0.1rem;right: 0.1rem;width: 0.25rem;cursor: pointer;}
.product_tc .con .bottom .prev{position: absolute;top: 0.7rem;left: 0.1rem;width: 0.46rem;height: 0.46rem;z-index: 2;cursor: pointer;}
.product_tc .con .bottom.hid .prev{display: none;}
.product_tc .con .bottom .prev img{width: 100%;height: 100%;}
.product_tc .con .bottom .prev img.img2{display: none;}
.product_tc .con .bottom .prev:hover img.img2{display: block;}
.product_tc .con .bottom .prev:hover img.img1{display: none;}
.product_tc .con .bottom .next{position: absolute;top: 0.7rem;right: 0.1rem;width: 0.46rem;height: 0.46rem;z-index: 2;cursor: pointer;}
.product_tc .con .bottom.hid .next{display: none;}
.product_tc .con .bottom .next img{width: 100%;height: 100%;}
.product_tc .con .bottom .next img.img2{display: none;}
.product_tc .con .bottom .next:hover img.img2{display: block;}
.product_tc .con .bottom .next:hover img.img1{display: none;}


.pd9{padding: 1rem 2rem;background-color: #fff;}
.pd9 .tit{text-align: center;color: #000;font-weight: 600;line-height: 1.2;margin-bottom: 0.5rem;}
.pd9 .tab{width: fit-content;margin: 0 auto;margin-bottom: 0.56rem;display: flex;gap: 0.54rem;border-bottom: 1px solid rgba(0, 0, 0, 0.10);margin-bottom: 0.56rem;}
.pd9 .tab li{cursor: pointer;line-height: 1.65;color: rgba(0,0,0,0.7);font-weight: 400;font-family: pop;padding-bottom: 0.11rem;position: relative;transition: all 0.5s var(--ease);}
.pd9 .tab li::after{content: "";position: absolute;left: 0; bottom: -1px;height: 0.03rem;width: 0;background-color: var(--vi);transition: all 0.5s var(--ease);}
.pd9 .tab li.on::after{width: 100%;}
.pd9 .tab li.on{font-weight: 500;color: var(--vi);}
.pd9 .list{flex-wrap: wrap;gap: 0.28rem;display: none;}
.pd9 .list.on{display: flex;}
.pd9 .list .item{width: calc(33.33% - 0.19rem);background-color: #fff;border-radius: 0.12rem;transition: all 0.5s var(--ease);border: 1px solid rgba(0,0,0,0.12);position: relative;padding: 0.3rem 1.2rem 0.27rem 0.4rem;}
.pd9 .list .item:hover{box-shadow: 0 23px 33.5px 0 rgba(0, 0, 0, 0.11);}
.pd9 .list .item .jt{position: absolute;top: 0.46rem;right: 0.5rem;width: 0.28rem;height: 0.28rem;}
.pd9 .list .item .jt img{width: 100%;height: 100%;object-fit: contain;}
.pd9 .list .item .jt img.img2{display: none;}
.pd9 .list .item:hover .jt img.img1{display: none;}
.pd9 .list .item:hover .jt img.img2{display: block;}
.pd9 .list .item .h{font-weight: 500;font-family: pop;color: #333;line-height: 1.5;margin-bottom: 0.12rem;transition: all 0.5s var(--ease);}
.pd9 .list .item:hover .h{color: var(--vi);font-weight: 600;}
.pd9 .list .item .p{color: #000;opacity: 0.7;font-weight: 200;font-family: pop;line-height: 1.5;}

.pd10{padding: 1rem 2rem;background-color: #F3F3F3;}
.pd10 .tit{text-align: center;color: #000;font-weight: 600;line-height: 1.2;margin-bottom: 0.5rem;}
.pd10 .bottom{width: calc(100% + 1.6rem);margin-left: -0.8rem;display: flex;align-items: center;justify-content: space-between;}
.pd10 .bottom .list{width: calc(100% - 1.6rem);position: relative;overflow: hidden;}
.pd10 .bottom .list .swiper-slide{border-radius: 0.12rem;border: 1px solid rgba(0, 0, 0, 0.12);background: #FFF;overflow: hidden;}
.pd10 .bottom .list .swiper-slide .pics{width: 100%;height: 3.02rem;overflow: hidden;position: relative;}
.pd10 .bottom .list .swiper-slide .pics .picx{width: 100%;height: 110%;}
.pd10 .bottom .list .swiper-slide .pics .picx img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.pd10 .bottom .list .swiper-slide .pics:hover .picx img{transform: scale(1.05);}
.pd10 .bottom .list .swiper-slide .pics svg{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);cursor: pointer;width: 0.48rem;}
.pd10 .bottom .list .swiper-slide .pics svg.hid{pointer-events: none;}
.pd10 .bottom .list .swiper-slide .txt{padding: 0.4rem 0.48rem 0.36rem 0.48rem;}
.pd10 .bottom .list .swiper-slide .txt .h{font-weight: 500;font-family: pop;color: #333;line-height: 1.5;height: 1.5em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-bottom: 0.09rem;}
.pd10 .bottom .list .swiper-slide .txt .p{color: rgba(0, 0, 0, 0.7);font-family: pop;font-weight: 200;line-height: 1.5;}
.pd10 .bottom .btn{width: 0.4rem;height: 0.4rem;cursor: pointer;}
.pd10 .bottom .btn img{width: 100%;height: 100%;object-fit: contain;}
.pd10 .bottom .btn img.img2{display: none;}
.pd10 .bottom .btn:hover img.img1{display: none;}
.pd10 .bottom .btn:hover img.img2{display: block;}

.pd11{padding: 1rem 2rem 0 2rem;}
.pd11 .tit{text-align: center;color: #000;font-weight: 600;line-height: 1.2;margin-bottom: 0.5rem;}
.pd11 .con{display: flex;justify-content: space-between;align-items: flex-start;position: relative;}
.pd11 .con .left{display: block;width: 6.53rem;}
.pd11 .con .left .pics{width: 100%;height: 5.08rem;border-radius: 0.12rem;overflow: hidden;margin-bottom: 0.39rem;}
.pd11 .con .left .pics .picx{width: 100%;height: 100%;}
.pd11 .con .left .pics .picx img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s var(--ease);}
.pd11 .con .left .pics:hover .picx img{transform: scale(1.05);}
.pd11 .con .left .h{font-weight: 500;font-family: pop;line-height: 0.36rem;height: 0.36rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-bottom: 0.22rem;}
.pd11 .con .left .p{font-weight: 300;font-family: pop;line-height: 1.5;height: 3em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 0.39rem;}
.pd11 .con .left .more{padding: 0.1rem 0.2rem;}
.pd11 .con .right{position: relative;width: 7.92rem;max-height: 7.8rem;overflow-y: auto;}
.pd11 .con .right .list{display: flex;flex-wrap: wrap; gap: 0.12rem;width: 100%;padding-bottom: 1.6rem;}
.pd11 .con::after{content: "";position: absolute;bottom: 0;right: 0;width: 7.92rem;height: 2.52rem;pointer-events: none;background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 61.54%, #FFF 100%);z-index: 5;}
.pd11 .con .right .item{width: calc(33.33% - 0.08rem);height: 2.48rem;background-color: #F3F3F3;border-radius: 0.08rem;padding: 0.33rem 0.36rem;}
.pd11 .con .right .item .h{font-weight: 500;font-family: pop;line-height: 1.5;margin-bottom: 0.12rem;color: #333;height: 1.5em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.pd11 .con .right .item .p{font-weight: 200;font-family: pop;line-height: 1.5;height: 1.5em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;color: rgba(0, 0, 0, 0.70);margin-bottom: 0.12rem;}
.pd11 .con .right .item .pic{width: 100%;height: 1.7rem;}
.pd11 .con .right .item .pic img{width: 100%;height: 100%;object-fit: contain;transition: all 0.5s;}
.pd11 .con .right .item:hover .pic img{transform: scale(1.05);}


.pd12{padding: 1.4rem 2rem 2.04rem 2rem;}
.pd12 .tit{text-align: center;color: #000;font-weight: 600;line-height: 1.2;margin-bottom: 0.5rem;}
.pd12 .list{position: relative;overflow: hidden;}
.pd12 .swiper-slide{text-align: center;}
.pd12 .swiper-slide .pic{width: 100%;height: 3.44rem;border-radius: 0.12rem;overflow: hidden;background-color: #F3F3F3;margin-bottom: 0.27rem;}
.pd12 .swiper-slide .pic img{width: 100%;height: 100%;object-fit: contain;transition: all 0.5s;}
.pd12 .swiper-slide .pic:hover img{transform: scale(1.05);}
.pd12 .swiper-slide .h{color: #333;font-weight: 600;line-height: 1.5;}
.pd12 .swiper-slide .p{color: #666;font-weight: 400;font-family: pop;line-height: 2.25;margin-bottom: 0.4rem;}
.pd12 .swiper-slide .more{margin: 0 auto;}

.pd13{position: relative;overflow: hidden;width: 100%;height: 8.8rem;}
.pd13 .bj{width: 100%;height: 110%;pointer-events: none;z-index: 0;}
.pd13 .bj img{width: 100%;height: 100%;object-fit: cover;}
.pd13 .form{position: absolute;top: 0.9rem;left: 2rem;width: 7.25rem;border-radius: 0.12rem;background: rgba(0, 0, 0, 0.18);backdrop-filter: blur(10px);padding: 0.7rem 0.8rem 0.7rem 0.8rem;color: #fff;display: flex;flex-wrap: wrap;justify-content: space-between;}
.pd13 .form .tit{text-align: center;width: 100%;font-weight: 600;line-height: 1.2;margin-bottom: 0.57rem;}
.pd13 .form .input{width: 2.72rem;margin-bottom: 0.42rem;}
.pd13 .form .input1{width: 100%;}
.pd13 .form .input .name{font-weight: 400;font-family: pop;line-height: 1.4;margin-bottom: 0.05rem;}
.pd13 .form .input .name span{color: var(--vi);margin-right: 0.06rem;}
.pd13 .form .input input{width: 100%;border-radius: 0.04rem;border: 1px solid rgba(255, 255, 255, 0.38);background: rgba(255, 255, 255, 0.27);backdrop-filter: blur(10px);line-height: 0.42rem;padding: 0 0.12rem;color: #fff;font-family: pop;font-weight: 400;}
.pd13 .form .input textarea{width: 100%;border-radius: 0.04rem;border: 1px solid rgba(255, 255, 255, 0.38);background: rgba(255, 255, 255, 0.27);backdrop-filter: blur(10px);line-height: 0.42rem;padding: 0 0.12rem;color: #fff;font-family: pop;font-weight: 400;height: 1.28rem;}
.pd13 .form button{border: none;padding: 0.1rem 0.4rem;cursor: pointer;margin: 0 auto;text-transform:capitalize;}
.pd13 .form .form-message{width: 100%;text-align: center;padding: 0.1rem 0.2rem;border-radius: 0.04rem;font-size: 0.14rem;font-family: pop;margin-top: 0.1rem;}
.pd13 .form .form-message.msg-success{background: rgba(46, 125, 50, 0.35);color: #fff;}
.pd13 .form .form-message.msg-error{background: rgba(198, 40, 40, 0.35);color: #fff;}
/* 产品 end */

/* 新闻 */
.nl1{padding: 2.2rem 2rem 0.8rem 2rem;perspective: 1400px;}
.nl1 .con{position: relative;overflow: hidden;padding-bottom: 0.4rem;}
.nl1 .con .pic{width: 100%;height: 5.67rem;border-radius: 0.16rem;overflow: hidden;margin-bottom: 0.37rem;}
.nl1 .con .pic .picx{width: 100%;height: 100%;}
.nl1 .con .pic .picx img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s var(--ease);}
.nl1 .con .txt .p1{display: flex;justify-content: space-between;margin-bottom: 0.08rem;color: rgba(0, 0, 0, 0.70);font-weight: 400;font-family: pop;line-height: 1.7;}
.nl1 .con .txt .h{color: #000;line-height: 1.1;font-weight: 600;margin-bottom: 0.24rem;}
.nl1 .con .txt .p{color: rgba(0, 0, 0, 0.70);font-weight: 300;font-family: pop;line-height: 1.5;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.nl1 .con .swiper-pagination{bottom: 0;}
.nl1 .con .swiper-pagination .swiper-pagination-bullet-active{background-color: var(--vi);}

.nl2{padding: 1.2rem 2rem 1.4rem 2rem;background-color: #F3F3F3;}
.nl2 .top{display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.8rem;position:relative;z-index:5;}
.nl2 .top .t_left{display: flex;align-items: center;gap: 0.12rem;}
.nl2 .top .t_left .tit{color: #000000;font-weight: 600;line-height: 1.2;width: 1.98rem;}
.nl2 .top .t_left ul{display: flex;gap: 0.5rem;text-transform:capitalize;}
.nl2 .top .t_left ul li a{color: #333;font-weight: 500;font-family: pop;line-height: 1.5;padding-bottom: 0.16rem;position: relative;transition:all 0.5s;}
.nl2 .top .t_left ul li a:after{content:"";position: absolute;left: 0;bottom: 0;height: 2px;width: 0%;background-color: var(--vi);transition: all 0.5s;}
.nl2 .top .t_left ul li.on a:after{width:100%;}
.nl2 .top .t_left ul li.on a{color: var(--vi);}
.nl2 .top .t_right{display: flex;gap: 0.24rem;}
.nl2 .top .t_right>div{position: relative;}
.nl2 .top .t_right .select{width: 2.02rem;}
.nl2 .top .t_right .select .h{width: 100%;position: relative;line-height: 0.46rem;border: 1px solid #D8D8D8;border-radius: 0.06rem;padding: 0 0.31rem 0 0.23rem;display: flex;align-items: center;justify-content: space-between;cursor: pointer;font-weight: 500;font-family: pop;background-color: #fff;color: #333;}
.nl2 .top .t_right .select .h .jt{width: 0.1rem;}
.nl2 .top .t_right .select ul{position: absolute;left: 0;top: 110%;padding: 0.23rem;background-color: #fff;border-radius: 0.06rem;width: 100%;font-weight: 400;line-height: 1.8;display: none;}
.nl2 .top .t_right .search{width: 2.4rem;line-height: 0.46rem;border: 1px solid #D8D8D8;border-radius: 0.06rem;font-weight: 500;font-family: pop;background-color: #fff;display: flex;align-items: center;justify-content: space-between;padding: 0 0.12rem 0 0.15rem;gap: 0.2rem;}
.nl2 .top .t_right .search img{width: 0.18rem;height: 0.18rem;}
.nl2 .top .t_right .search input{width: calc(100% - 0.37rem);text-transform: capitalize;color: #333;font-family:pop;font-size:0.16rem}
.nl2 .top .t_right .search input::placeholder{color: #333;}
.nl2 .top .t_right .search button{border:0;background:transparent;padding:0;cursor:pointer;display:flex;align-items:center;line-height:0;}
.nl2 .bottom{display: flex;gap: 0.26rem;flex-wrap: wrap;row-gap: 1.2rem;}
.nl2 .bottom .item{width: calc(33.33% - 0.18rem);display: block;}
.nl2 .bottom .item .pic{width: 100%;height: 4.2rem;border-radius: 0.14rem;overflow: hidden;margin-bottom: 0.22rem;}
.nl2 .bottom .item .pic .picx{width: 100%;height: 100%;}
.nl2 .bottom .item .pic .picx img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s var(--ease);}
.nl2 .bottom .item:hover .pic .picx img{transform: scale(1.05);}
.nl2 .bottom .item .p1{display: flex;justify-content: space-between;color: rgba(0,0,0,0.7);font-family: pop;font-weight: 400;line-height: 1.7;margin-bottom: 0.17rem;}
.nl2 .bottom .item .h{color: #000;font-weight: 600;line-height: 1.3;max-height: 3.9em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;transition: all 0.5s;}
.nl2 .bottom .item:hover .h{color: var(--vi);}
.page{display: flex;justify-content: center;gap: 0.42rem;align-items: center;margin-top: 0.95rem;color: #666666;font-weight: 400;}
.page a{color: #666666;}
.page ul{display: flex;gap: 0.42rem;}
.page ul li.on a{color: #111;text-decoration: underline!important;}
.page .paright{display: flex;align-items: center;gap: 0.12rem;text-transform: capitalize;}
.page ul li span{color: #666666;}
.page .paright input{width: 0.5rem;line-height: 0.32rem;border: 1px solid #666;border-radius: 0.05rem;text-align: center;background-color: transparent;color: #666666;}


.nd1{padding: 2.2rem 2rem 0 2rem;}
.nd1 .pic{width: 100%;height: 6.14rem;border-radius: 0.16rem;overflow: hidden;position: relative;}
.nd1 .pic .picx{width: 100%;height: 110%;}
.nd1 .pic .picx img{width: 100%;height: 100%;object-fit: cover;}
.nd1 .pic .txt{position: absolute;top: 2.42rem;left: 0.85rem;color: #fff;width: 9.6rem;}
.nd1 .pic .txt .p{font-family: pop;font-weight: 400;line-height: 1.5;margin-bottom: 0.12rem;}
.nd1 .pic .txt .tit{font-weight: 600;line-height: 1.08;margin-bottom: 0.19rem;}
.nd1 .pic .txt .p1{font-weight: 400;font-family: pop;line-height: 1.5;}
.nd2{padding: 1.05rem 2rem 1.67rem 2rem;position: relative;}
.nd2 .left{width: 10.7rem;float: left;}
.nd2 .right{float: right;width: 3.37rem;}
.nd2 .left .p{color: #666;line-height: 2;font-family: pop;font-weight: 400;}
.nd2 .left img{width: 100%;border-radius: 0.16rem;margin: 0.13rem 0 0.16rem 0;}
.nd2 .left .p1{text-align: center;color: #666;font-family: pop;font-weight: 400;margin-bottom: 0.5rem;}
.nd2 .left .h{color: #000;font-weight: 500;line-height: 1.26;margin-bottom: 0.2rem;}
.nd2 .right .fx{margin-bottom: 0.55rem;}
.nd2 .right .fx>img{width: 0.3rem;margin-bottom: 0.24rem;}
.nd2 .right .fx ul{display: flex;gap: 0.15rem;}
.nd2 .right .fx ul a{display: block;width: 0.45rem;height: 0.45rem;}
.nd2 .right .fx ul a img{width: 100%;height: 100%;}
.nd2 .right .fx ul a img.img2{display: none;}
.nd2 .right .fx ul a:hover img.img2{display: block;}
.nd2 .right .fx ul a:hover img.img1{display: none;}
.nd2 .right .r_bottom .tit1{color: #000;font-weight: 500;line-height: 1.08;margin-bottom: 0.25rem;}
.nd2 .right .r_bottom .item{margin-bottom: 0.5rem;display: block;margin-bottom: 0.5rem;}
.nd2 .right .r_bottom .item .pic{width: 100%;height: 2.35rem;border-radius: 0.1rem;overflow: hidden;margin-bottom: 0.15rem;}
.nd2 .right .r_bottom .item:last-child{margin-bottom: 0;}
.nd2 .right .r_bottom .item .pic .picx{width: 100%;height: 110%;}
.nd2 .right .r_bottom .item .pic .picx img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.nd2 .right .r_bottom .item .pic:hover .picx img{transform: scale(1.05);}
.nd2 .right .r_bottom .item .p1{display: flex;justify-content: space-between;margin-bottom: 0.12rem;color: rgba(0, 0, 0, 0.70);font-family: pop;font-weight: 400;line-height: 1.5;}
.nd2 .right .r_bottom .item .h{color: #000;font-weight: 600;line-height: 1.26;transition: all 0.5s;}
.nd2 .right .r_bottom .item:hover .h{color: var(--vi);}
/* 新闻 end */

/* 下载中心 */
.dl_con .dl1{position: relative;height: 9.4rem;}

.dl_con .dl1 .Breadcrumbs .jt{filter: brightness(0) invert(1);-webkit-filter: brightness(0) invert(1);}
.dl_con .dl1 .Breadcrumbs a:last-child{color: #ffffff;}

.abo_page .banner .Breadcrumbs .jt{filter: brightness(0) invert(1);-webkit-filter: brightness(0) invert(1);}
.abo_page .banner .Breadcrumbs a:last-child{color: #ffffff;}

.pl_con .pl1 .Breadcrumbs .jt{filter: brightness(0) invert(1);-webkit-filter: brightness(0) invert(1);}
.pl_con .pl1 .Breadcrumbs a:last-child{color: #ffffff;}

.pd1 .Breadcrumbs{top: 1.8rem;}
.pd1 .Breadcrumbs .jt{filter: brightness(0) invert(1);-webkit-filter: brightness(0) invert(1);}
.pd1 .Breadcrumbs a:last-child{color: #ffffff;}

.dl_con .dl1 .pic{width: 100%;height: 100%;overflow: hidden;}
.dl_con .dl1 .pic img{width: 100%;height: 100%;object-fit: cover;}
.dl_con .dl1 .pic img.mimg{display: none;}
.dl_con .dl1 .txt{position: absolute;top: 3.68rem;left: 2rem;width: 6.2rem;color: #ffffff;z-index: 2;}
.dl_con .dl1 .txt .tit{font-weight: 600;line-height: 1.08;margin-bottom: 0.5rem;}
.dl_con .dl1 .txt .p{font-weight: 400;font-family: pop;line-height: 1.6;}

.dl_con .dl2{padding: 1.46rem 2rem 1.92rem 2rem;background-color: #F3F3F3;}
.dl_con .dl2 .tit{color: #000;font-weight: 600;line-height: 1.2;text-align: center;margin-bottom: 0.64rem;}
.dl_con .dl2 .list{display: flex;flex-wrap: wrap;gap: 0.4rem;}
.dl_con .dl2 .list .item{display: block;width: calc(33.33% - 0.27rem);background-color: #ffffff;border-radius: 0.14rem;padding: 0.73rem 0 0.68rem 0;text-align: center;}
.dl_con .dl2 .list .item .icon{display: block;width: 0.7rem;height: 0.7rem;object-fit: contain;margin: 0 auto;margin-bottom: 0.25rem;}
.dl_con .dl2 .list .item .h{color: #000;font-weight: 600;text-align: center;line-height: 1.2;margin-bottom: 0.19rem;}
.dl_con .dl2 .list .item .mo{display: flex;justify-content: center;gap: 0.1rem;align-items: center;color: #999;font-family: pop;font-weight: 400;transition: all 0.5s;}
.dl_con .dl2 .list .item .mo:hover{color: var(--vi);}
.dl_con .dl2 .list .item .mo svg{display: block;width: 0.06rem;}
.dl_con .dl2 .list .item .mo svg path{transition: all 0.5s;}
.dl_con .dl2 .list .item .mo:hover svg path{fill: var(--vi);}

.Breadcrumbs{position: absolute;top: 1.5rem;left: 0.8rem;z-index: 10;display: flex;align-items: center;gap: 0.1rem;}
.Breadcrumbs .icon{width: 0.24rem;}
.Breadcrumbs .jt{width: 0.14rem;}
.Breadcrumbs a{color: #999;font-weight: 400;transition: all 0.5s;}
.Breadcrumbs a:last-child{color: #000;}
.Breadcrumbs a:hover{color: var(--vi);}
.dll1_con{position: relative;padding: 2.7rem 2rem 1.64rem 2rem;background-color: #F3F3F3;}
.dll1_con .con .tit{text-align: center;color: #000;font-weight: 600;line-height: 1.2;margin-bottom: 0.3rem;}
.dll1_con .con form{width: fit-content;padding: 0.04rem 0.04rem 0.04rem 0.4rem;background-color: rgba(219, 219, 219, 0.50);border: 1px solid #D3D4D4;border-radius: 1rem;display: flex;align-items: center;margin: 0 auto;margin-bottom: 0.6rem;}
.dll1_con .con form img{width: 0.2rem;margin-right: 0.12rem;}
.dll1_con .con form input{width: 5.8rem;margin-right: 0.2rem;line-height: 0.52rem;font-weight: 500;color: #000;background-color: transparent;}
.dll1_con .con form input::placeholder{color: #666;}
.dll1_con .con form span{display: block;width: 1px;height: 0.24rem;background-color: rgba(0, 0, 0, 0.10);margin-right: 0.2rem;}
.dll1_con .con form button{width: 1.4rem;line-height: 0.52rem;border-radius: 0.3rem;color: #ffffff;border: none;text-align: center;background-color: var(--vi);cursor: pointer;}
.dll1_con .con .top{background-color: #fff;border-radius: 0.12rem;margin-bottom: 0.6rem;padding: 0.57rem 0.6rem 0.68rem 0.6rem;}
.dll1_con .con .top .box{margin-bottom: 0.5rem;}
.dll1_con .con .top .box:last-child{margin-bottom: 0;}
.dll1_con .con .top .box .h{color: #000;font-weight: 600;line-height: 1.27;margin-bottom: 0.24rem;}
.dll1_con .con .top .box .list{display: flex;flex-wrap: wrap;gap: 0.3rem;}
.dll1_con .con .top .box .list .li{width: fit-content;padding: 0 0.3rem;line-height: 0.4rem;border: 1px solid #D3D4D4;border-radius: 0.06rem;transition: all 0.5s;color: #666;font-weight: 400;cursor: pointer;}
.dll1_con .con .top .box .lists .list .li:nth-last-of-type(-n + 4){display:none;}
.dll1_con .con .top .box .list .li.on{color: #fff;border-color: transparent;background-color: var(--vi);}
.dll1_con .con .top .box .list .li:hover{color: #fff;border-color: transparent;background-color: var(--vi);}
.dll1_con .con .top .box .list .li.sdbtn{display: flex;align-items: center;}
.dll1_con .con .top .box .list .li.sdbtn:hover img{filter:brightness(0) invert(1);transition: all 0.5s;}
.dll1_con .con .top .box .list .li.sdbtn.show img{transform: rotate(180deg);}
.dll1_con .con .top .box .lists{padding-top: 0.3rem;display: none;}
.dll1_con .con .bottom .btop{background-color: rgba(145, 145, 145, 0.12);display: flex;line-height: 0.8rem;text-align: center;color: #000;font-weight: 500;font-family: pop;}
.dll1_con .con .bottom .btop li:nth-child(1){width: 23%;text-align:left;padding-left:0.65rem}
.dll1_con .con .bottom .btop li:nth-child(2){width: 33%;}
.dll1_con .con .bottom .btop li:nth-child(3){width: 33%;}
.dll1_con .con .bottom .btop li:nth-child(4){width: 14%;}
.dll1_con .con .bottom .bbottom{background-color: #ffffff;border-radius: 0 0 0.12rem 0.12rem;}
.dll1_con .con .bottom .bbottom ul li{line-height: 0.22rem;height:0.88rem;vertical-align:middle; text-align: center;color: #333;font-weight: 500;display:flex;align-items:center;}
.dll1_con .con .bottom .bbottom ul li>a{text-align: center;width: 100%;color: #333;}

.dll1_con .con .bottom .bbottom ul{display: flex;border-bottom: 1px solid rgba(0, 0, 0, 0.10);}
.dll1_con .con .bottom .bbottom ul:last-child{border-bottom: none;}
.dll1_con .con .bottom .bbottom li:nth-child(1){width: 23%;padding-left:0.65rem;text-align:left;}
.dll1_con .con .bottom .bbottom li:nth-child(1)>a{text-align:left;transition:all 0.5s;}
.dll1_con .con .bottom .bbottom ul li:nth-child(1)>a:hover{color:var(--vi);}
.dll1_con .con .bottom .bbottom li:nth-child(2){width: 33%;}
.dll1_con .con .bottom .bbottom li:nth-child(3){width: 33%;}
.dll1_con .con .bottom .bbottom li:nth-child(4){width: 14%;justify-content:center!important;}
.dll1_con .con .bottom .bbottom li a img{width: 0.28rem;height: 0.28rem;display:inline-block;}
.dll1_con .con .bottom .bbottom li a img.img2{display: none;}
.dll1_con .con .bottom .bbottom li a:hover img.img1{display: none;}
.dll1_con .con .bottom .bbottom li a:hover img.img2{display: inline-block;}


.dll2_con{position: relative;padding: 2.7rem 2rem 1.64rem 2rem;background-color: #F3F3F3;}
.dll2_con .con .tit{text-align: center;color: #000;font-weight: 600;line-height: 1.2;margin-bottom: 0.3rem;}
.dll2_con .con form{width: fit-content;padding: 0.04rem 0.04rem 0.04rem 0.4rem;background-color: rgba(219, 219, 219, 0.50);border: 1px solid #D3D4D4;border-radius: 1rem;display: flex;align-items: center;margin: 0 auto;margin-bottom: 0.6rem;}
.dll2_con .con form img{width: 0.2rem;margin-right: 0.12rem;}
.dll2_con .con form input{width: 5.8rem;margin-right: 0.2rem;line-height: 0.52rem;font-weight: 500;color: #000;background-color: transparent;}
.dll2_con .con form input::placeholder{color: #666;}
.dll2_con .con form span{display: block;width: 1px;height: 0.24rem;background-color: rgba(0, 0, 0, 0.10);margin-right: 0.2rem;}
.dll2_con .con form button{width: 1.4rem;line-height: 0.52rem;border-radius: 0.3rem;color: #ffffff;border: none;text-align: center;background-color: var(--vi);cursor: pointer;}
.dll2_con .con .list{display: flex;gap: 0.2rem;}
.dll2_con .con .list .item{width: calc(25% - 0.15rem);background-color: #ffffff;border-radius: 0.12rem;border: 1px solid rgba(0, 0, 0, 0.12);box-shadow: 0 23px 33px 0 rgba(0, 0, 0, 0.11);padding: 0.4rem 0.3rem 0.18rem 0.3rem;}
.dll2_con .con .list .item .h{color: #000;font-weight: 600;line-height: 1.2;padding-bottom: 0.27rem;margin-bottom: 0.21rem;border-bottom: 1px solid rgba(0, 0, 0, 0.10);text-align: center;}
.dll2_con .con .list .item .pic{width: 100%;padding: 0 0.5rem 0.2rem 0.5rem;border-bottom: 1px solid rgba(0, 0, 0, 0.10);margin-bottom: 0.16rem;}
.dll2_con .con .list .item .pic img{width: 2.04rem;height: 1.96rem;object-fit: contain;}
.dll2_con .con .list .item .ps{display: flex;justify-content: center;color: #666;font-weight: 400;margin-bottom: 0.11rem;}
.dll2_con .con .list .item .bt{display: flex;justify-content: center;align-items: center;color: #999;transition: all 0.5s;}
.dll2_con .con .list .item:hover .bt{color: var(--vi);}
.dll2_con .con .list .item .bt svg{width: 0.24rem;}
.dll2_con .con .list .item .bt svg path{transition: all 0.5s;}
.dll2_con .con .list .item:hover .bt svg path{stroke:var(--vi)}
.dll2_con .con .list .item .bot{padding: 0.18rem 0 0 0;border-top: 1px solid rgba(0, 0, 0, 0.10);margin-top:0.15rem;}
.dll2_con .con .list .item .bot img{width: 0.8rem;height: 0.2rem;object-fit: contain;margin: 0 auto;}

.dll1_con .dll3_list{display: flex;gap: 0.2rem;}
.dll1_con .dll3_list .item{width: calc(33.33% - 0.14rem);background-color: #ffffff;border-radius: 0.12rem;overflow: hidden;}
.dll1_con .dll3_list .item .pic{width: 100%;height: 3.43rem;overflow: hidden;}
.dll1_con .dll3_list .item .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.dll1_con .dll3_list .item:hover .pic img{transform: scale(1.05);}
.dll1_con .dll3_list .item .txt{padding: 0.4rem 0.2rem 0.38rem 0.2rem;}
.dll1_con .dll3_list .item .txt .h{text-align: center;color: #000;font-weight: 600;line-height: 1.2;margin-bottom: 0.16rem;}
.dll1_con .dll3_list .item .txt .ps{display: flex;justify-content: center;gap: 0.17rem;}
.dll1_con .dll3_list .item .txt .ps a{display: flex;align-items: center;color: #999;font-weight: 400;font-family: pop;transition: all 0.5s;}
.dll1_con .dll3_list .item .txt .ps a:hover{color: var(--vi);}
.dll1_con .dll3_list .item .txt .ps a svg{width: 0.28rem;height: 0.28rem;display: block;}
.dll1_con .dll3_list .item .txt .ps a svg path{transition: all 0.5s;}
.dll1_con .dll3_list .item .txt .ps a:hover svg path{stroke: var(--vi);}

.dll1_con .dll4_list{display: flex;gap: 0.2rem;flex-wrap: wrap;}
.dll1_con .dll4_list .item{width: calc(25% - 0.15rem);border-radius: 0.12rem;overflow: hidden;background-color: #fff;padding: 0.3rem 0.26rem;}
.dll1_con .dll4_list .item .pic{position: relative;width: 100%;height: 2.15rem;}
.dll1_con .dll4_list .item .pic>img{width: 100%;height: 100%;object-fit: contain;transition: all 0.5s;}
.dll1_con .dll4_list .item:hover .pic>img{transform: scale(1.03);}
.dll1_con .dll4_list .item .pic .vbt{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: .51rem;height: 0.51rem;cursor: pointer;}
.dll1_con .dll4_list .item .h{color: #333;font-weight: 500;line-height: 1.2;transition: all 0.5s;}
.dll1_con .dll4_list .item:hover .h{color: var(--vi);}
/* 下载中心 end */

/* 成为经销商 */
.bec_con .bec1{position: relative;height: 7.37rem;}
.bec_con .bec1 .Breadcrumbs .jt{filter: brightness(0) invert(1);-webkit-filter: brightness(0) invert(1);}
.bec_con .bec1 .Breadcrumbs a:last-child{color: #ffffff;}
.bec_con .bec1 .banner{width: 100%;height: 100%;position: relative;}
.bec_con .bec1 .banner img{width: 100%;height: 100%;object-fit: cover;}
.bec_con .bec1 .banner img.mimg{display: none;}
.bec_con .bec1 .banner .txt{position: absolute;top: 53%;left: 2rem;width: 7.33rem;transform: translateY(-50%);color: #ffffff;}
.bec_con .bec1 .banner .txt .tit{font-weight: 600;line-height: 1.2;margin-bottom: 0.16rem;}
.bec_con .bec1 .banner .txt .p{font-family: pop;line-height: 1.6;font-weight: 400;}
.bec_con .com_tab{justify-content: center;gap: 0.9rem;}
.bec_con .bec2{padding: 1.3rem 2rem 0 2rem;}
.bec_con .bec2 .con{width: 100%;padding: 0.87rem 3.34rem 0.86rem 3.34rem;background-color: #F3F3F3;text-align: center;}
.bec_con .bec2 .con .tit{font-weight: 600;line-height: 1.2;margin-bottom: 0.3rem;}
.bec_con .bec2 .con .p{font-weight: 400;line-height: 1.88;font-family: pop;color:#333333;}
.bec_con .bec3{padding: 1.4rem 2rem 0 2rem;}
.bec_con .bec3 .tit{color: #333;font-weight: 600;line-height: 1.2;margin-bottom: 0.26rem;}
.bec_con .bec3 .list{display: flex;justify-content: space-between;flex-wrap: wrap;gap: 0.28rem;}
.bec_con .bec3 .list .item{width: calc(50% - 0.14rem);border: 1px solid #DDD;border-radius: 0.16rem;padding: 0.62rem 0.7rem ;}
.bec_con .bec3 .list .item .icon{width: 0.7rem;height: 0.7rem;object-fit: contain;margin-bottom: 0.27rem;}
.bec_con .bec3 .list .item .h{color: #000;font-weight: 600;line-height: 1.2;margin-bottom: 0.2rem;}
.bec_con .bec3 .list .item .p{color: #000;font-weight: 400;font-family: pop;line-height: 1.625;}
.bec_con .bec4{padding: 1.4rem 2rem 1.72rem 2rem;background: url(../img/bec_bj.webp)no-repeat center bottom;background-size: 100% auto;}
.bec_con .bec4 .tit{color: #333;font-weight: 600;line-height: 1.2;text-transform: capitalize;margin-bottom: 0.28rem;text-transform: capitalize;}
.bec_con .bec4 .p{color: #333;font-weight: 600;text-transform: capitalize;line-height: 1.22;margin-bottom: 0.5rem;}
.bec_con .bec4 form{width: 100%;border-radius: 0.2rem;padding: 0.7rem 0.7rem 1rem 0.7rem;display: flex;column-gap: 0.44rem;row-gap: 0.6rem;flex-wrap: wrap; justify-content: center; background: #FFF;box-shadow: 0 -26px 42.2px 14px rgba(123, 153, 185, 0.05);}
.bec_con .bec4 form .input .name{color: #333;font-weight: 500;font-family: pop;text-transform: capitalize;line-height: 1.67;margin-bottom: 0.2rem;}
.bec_con .bec4 form .input .name span{color: var(--vi);}
.bec_con .bec4 form .input input{width: 100%;line-height: 0.48rem;padding: 0 0.16rem;color: #333;font-family: pop;font-weight: 500; border-radius: 0.06rem;border: 1px solid #EEE;background: linear-gradient(0deg, #F8F8FA 0%, #F8F8FA 100%), #FFF;}
.bec_con .bec4 form .input input::placeholder{color: #999999;font-weight: 500;font-family: pop;}
.bec_con .bec4 form .input .select{position: relative;}
.bec_con .bec4 form .input .select::after{content: "";position: absolute;top: 50%;right: 0.25rem;width: 0.16rem;height: 0.16rem;background: url(../img/bec_xl.webp);background-size: 100% 100%;transform: translateY(-50%);}
.bec_con .bec4 form .input select{width: 100%;line-height: 0.48rem;padding: 0 0.5rem 0 0.16rem;color: #333;font-family: pop;font-weight: 500; border-radius: 0.06rem;border: 1px solid #EEE;background: linear-gradient(0deg, #F8F8FA 0%, #F8F8FA 100%), #FFF;}
.bec_con .bec4 form .input select::placeholder{color: #999999;font-weight: 500;font-family: pop;}
.bec_con .bec4 form .input.input1{width:calc(66.66% - 0.14rem);}
.bec_con .bec4 form .input.input2{width:calc(33.33% - 0.3rem);}
.bec_con .bec4 form .input.input3{width: calc(50% - 0.22rem);}
.bec_con .bec4 form .input.input4{width: 100%;}

.bec_con .bec4 form .input textarea{width: 100%;line-height: 0.48rem;padding: 0 0.16rem;color: #333;font-family: pop;font-weight: 500; border-radius: 0.06rem;border: 1px solid #EEE;background: linear-gradient(0deg, #F8F8FA 0%, #F8F8FA 100%), #FFF;height: 1.8rem;}
.bec_con .bec4 form .input textarea::placeholder{color: #999999;font-weight: 500;font-family: pop;}

.bec_con .bec4 form>button{width: fit-content;padding: 0.1rem 0.33rem 0.1rem 0.4rem;border: 1px solid rgba(202, 202, 202, 0.44);border-radius: 0.6rem;display: flex;justify-content: center;align-items: center;color: #333;font-weight: 500;font-family: pop;background-color: transparent;cursor: pointer;transition: all 0.5s;text-transform: capitalize;}
.bec_con .bec4 form>button:hover{color: #ffffff;background-color: var(--vi);border-color: transparent;}
.bec_con .bec4 form>button svg{width: 0.1rem;margin-left: 0.12rem;}
.bec_con .bec4 form>button svg path{transition: all 0.5s;}
.bec_con .bec4 form>button:hover svg path{fill: #fff;}
/* 成为经销商 end */

.wb_con .wb1{position: relative;height: 9.48rem;}
.wb_con .wb1 .Breadcrumbs .jt{filter: brightness(0) invert(1);-webkit-filter: brightness(0) invert(1);}
.wb_con .wb1 .Breadcrumbs a:last-child{color: #ffffff;}
.wb_con .wb1 .banner{width: 100%;height: 100%;position: relative;}
.wb_con .wb1 .banner img{width: 100%;height: 100%;object-fit: cover;}
.wb_con .wb1 .banner img.mimg{display: none;}
.wb_con .wb1 .banner .txt{position: absolute;top: 3.36rem;left: 2rem;width: 4.6rem;color: #ffffff;}
.wb_con .wb1 .banner .txt .tit{font-weight: 600;line-height: 1.2;margin-bottom: 0.16rem;}
.wb_con .wb1 .banner .txt .p{font-family: pop;line-height: 1.6;font-weight: 400;}

.wb_con .wb_top{margin: 0 2rem;width: calc(100% - 4rem);transform: translateY(-50%);border-radius: 0.12rem;border: 1px solid rgba(0, 0, 0, 0.12);background: #FFF;box-shadow: 0 23px 33px 0 rgba(0, 0, 0, 0.11);padding: 0.65rem 0.6rem;display: flex;gap: 0.3rem;}
.wb_con .wb_top .item{width: calc(33.33% - 0.2rem);border-radius: 0.04rem;border: 1px solid rgba(218, 218, 218, 0.38);background: rgba(235, 235, 235, 0.27);position: relative;transition: all 0.5s;}
.wb_con .wb_top .item select{border: none;line-height: 0.48rem;background: transparent;padding:0 0.45rem 0 0.16rem;}
.wb_con .wb_top .item.select::after{content: "";position: absolute;top: 50%;right: 0.05rem;width: 0.4rem;height: 0.4rem;background: url(../img/wb_jt.webp);background-size: 100% 100%;transform: translateY(-50%);}
.wb_con .wb_top .item.input{padding: 0 0.13rem 0 0.16rem;line-height: 0.48rem;display: flex;align-items: center;gap: 0.1rem;}
.wb_con .wb_top .item.input svg{display: block;width: 0.23rem;}
.wb_con .wb_top .item.input input{width: calc(100% - 0.33rem);background-color: transparent;color:#999;font-weight:400;font-family:pop;}
.wb_con .wb2{padding: 0 2rem 1.6rem 2rem;display: flex;flex-wrap: wrap;column-gap: 0.2rem;row-gap: 0.3rem;}
.wb_con .wb2>a{display: flex;gap: 0.24rem;align-items: center; width: calc(33.33% - 0.14rem);background-color: #f8f8f8;border-radius: 0.15rem;border: 1.041px solid transparent;transition: all 0.5s;}
.wb_con .wb2>a:hover{background-color: #fff;box-shadow: 0 25px 25.2px 0 rgba(0, 0, 0, 0.03);border: 1.041px solid #DDD;}
.wb_con .wb2>a .icon{width: 1.55rem;height: 1.41rem;object-fit: contain;}
.wb_con .wb2>a .h{color: #333;width: calc(100% - 1.79rem);font-weight: 600;line-height: 1.3;text-transform: capitalize;}

.pd8 .con .top-bar{position: relative;z-index: 5;overflow: visible;}

.pd8 .con .top-bar .select.guide-select-wrap,
.bec_con .bec4 form .input .select.guide-select-wrap,
.cat4 form .input .select.guide-select-wrap,
.wb_con .wb_top .item.select.guide-select-wrap{border-color: transparent;background: transparent;overflow: visible;}

.pd8 .con .top-bar .select.guide-select-wrap::after,
.bec_con .bec4 form .input .select.guide-select-wrap::after,
.cat4 form .input .select.guide-select-wrap::after,
.wb_con .wb_top .item.select.guide-select-wrap::after{display: none;}
.pd8 .con .top-bar .select.guide-select-wrap>select,
.bec_con .bec4 form .input .select.guide-select-wrap>select,
.cat4 form .input .select.guide-select-wrap>select,
.wb_con .wb_top .item.select.guide-select-wrap>select{position: absolute;inset: 0;z-index: -1;opacity: 0;pointer-events: none;}
.guide-select-wrap{position: relative;}
.guide-select-wrap.is-open{z-index: 30;}
.guide-select{position: relative;width: 100%;font-family: pop;}
.guide-select-trigger{position: relative;width: 100%;min-height: 0.5rem;padding: 0 0.5rem 0 0.18rem;border: 1px solid rgba(0, 0, 0, 0.10);border-radius: 0.06rem;background: linear-gradient(0deg, #F8F8FA 0%, #F8F8FA 100%), #FFF;box-shadow: none;display: flex;align-items: center;justify-content: space-between;color: #333;font: inherit;text-align: left;cursor: pointer;transition: border-color 0.35s var(--ease), box-shadow 0.35s var(--ease), background 0.35s var(--ease);}
.guide-select-value{display: block;width: 100%;font-size0.14rem;color:#999;font-family:pop;font-weight:400; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 1.2;}
.guide-select-arrow{position: absolute;top: 50%;right: 0.2rem;width: 0.09rem;height: 0.09rem;border-right: 2px solid currentColor;border-bottom: 2px solid currentColor;transform: translateY(-65%) rotate(45deg);transition: transform 0.35s var(--ease), color 0.35s var(--ease);opacity: 0.72;}
.guide-select-list{position: absolute;top: calc(100% + 0.08rem);left: 0;right: 0;z-index: 60;max-height: 2.65rem;overflow-y: auto;padding: 0.08rem;margin: 0;border: 1px solid rgba(0, 0, 0, 0.10);border-radius: 0.08rem;background: #fff;box-shadow: 0 0.24rem 0.55rem rgba(0, 0, 0, 0.16);opacity: 0;visibility: hidden;pointer-events: none;transform: translateY(-0.06rem);transition: opacity 0.25s var(--ease), visibility 0.25s var(--ease), transform 0.25s var(--ease);}
.guide-select-list li{padding: 0.11rem 0.14rem;border-radius: 0.06rem;color: #555;line-height: 1.25;cursor: pointer;transition: color 0.25s var(--ease), background-color 0.25s var(--ease);}
.guide-select-list li:hover,
.guide-select-list li.is-active{color: var(--vi);background: rgba(202, 9, 21, 0.08);}
.guide-select-list li.is-selected{color: var(--vi);background: rgba(202, 9, 21, 0.12);font-weight: 00;}
.guide-select-list li.is-disabled{color: #aaa;cursor: not-allowed;background: transparent;}
.guide-select-trigger:hover,
.guide-select-wrap.is-open .guide-select-trigger{border-color: rgba(202, 9, 21, 0.55);background: #fff;box-shadow: inset 0 1px 0 rgba(255,255,255,0.95), 0 0.1rem 0.24rem rgba(202, 9, 21, 0.10);}
.guide-select-wrap.is-open .guide-select-arrow{color: var(--vi);transform: translateY(-30%) rotate(225deg);}
.guide-select-wrap.is-open .guide-select-list{opacity: 1;visibility: visible;pointer-events: auto;transform: translateY(0);}
.pd8 .con .top-bar .select .guide-select{font-size: 0.16rem;}
.pd8 .con .top-bar .select .guide-select-trigger{min-height: 0.46rem;padding-left: 0.18rem;font-weight: 500;color: #000;}
.bec_con .bec4 form .input .select .guide-select{font-size: 0.16rem;}
.bec_con .bec4 form .input .select .guide-select-trigger{min-height: 0.5rem;font-weight: 500;}
.wb_con .wb_top .item.select .guide-select-trigger{min-height: 0.5rem;font-weight: 500;}


/* support */
.sup_con .sup1{position: relative;height: 9.48rem;}
.sup_con .sup1 .Breadcrumbs .jt{filter: brightness(0) invert(1);-webkit-filter: brightness(0) invert(1);}
.sup_con .sup1 .Breadcrumbs a:last-child{color: #ffffff;}
.sup_con .sup1 .banner{width: 100%;height: 100%;position: relative;}
.sup_con .sup1 .banner img{width: 100%;height: 100%;object-fit: cover;}
.sup_con .sup1 .banner img.mimg{display: none;}
.sup_con .sup1 .banner .txt{position: absolute;top: 3.36rem;left: 2rem;width: 4.6rem;color: #ffffff;}
.sup_con .sup1 .banner .txt .tit{font-weight: 600;line-height: 1.08;margin-bottom: 0.36rem;}
.sup_con .sup1 .banner .txt .p{font-family: pop;line-height: 1.6;font-weight: 400;}
.sup_con .sup2{padding: 1.3rem 2rem 1.6rem 2rem;display: flex;flex-wrap: wrap;column-gap: 0.32rem;row-gap: 1.34rem;}
.sup_con .sup2 .item{display: block;width: calc(50% - 0.16rem);}
.sup_con .sup2 .item .pic{width: 100%;height: 4.07rem;border-radius: 0.12rem;overflow: hidden;margin-bottom: 0.3rem;}
.sup_con .sup2 .item .pic .picx{width: 100%;height: 110%;}
.sup_con .sup2 .item .pic .picx img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.sup_con .sup2 .item .pic:hover .picx img{transform: scale(1.05);}
.sup_con .sup2 .item .h{color: #333;font-weight: 600;line-height: 1.28;text-align: center;margin-bottom: 0.08rem;}
.sup_con .sup2 .item .p{color: #666;font-weight: 400;font-family: pop;line-height: 2.25;margin-bottom: 0.4rem;text-align: center;}
.sup_con .sup2 .item .more{margin: 0 auto;font-family:pop;font-weight:400;}
.sup_con .sup2 .bottom{width: 100%;display: flex;flex-flow:row-reverse;border-radius: 0.12rem;background-color: #F3F3F3;}
.sup_con .sup2 .bottom .pic{width: 7.76rem;height: 100%;border-radius: 0.12rem;overflow: hidden;}
.sup_con .sup2 .bottom .pic .picx{width: 100%;height: 110%;}
.sup_con .sup2 .bottom .pic .picx img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.sup_con .sup2 .bottom .pic:hover .picx img{transform: scale(1.05);}
.sup_con .sup2 .bottom .txt{width: calc(100% - 7.76rem);padding: 1.04rem 1.15rem 0.93rem 0.8rem;}
.sup_con .sup2 .bottom .txt .h{color: #333;font-weight: 600;line-height: 1.28;margin-bottom: 0.25rem;}
.sup_con .sup2 .bottom .txt .p{color: #666;font-weight: 400;font-family: pop;line-height: 1.9;margin-bottom: 0.18rem;height: 7.6em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}

.supfaq_con .supfaq1{position: relative;width: 100%;height: 7.37rem;}
.supfaq_con .supfaq1 .Breadcrumbs .jt{filter: brightness(0) invert(1);-webkit-filter: brightness(0) invert(1);}
.supfaq_con .supfaq1 .Breadcrumbs a:last-child{color: #ffffff;}
.supfaq_con .supfaq1 .banner{width: 100%;height: 100%;position: relative;}
.supfaq_con .supfaq1 .banner>img{width: 100%;height: 100%;object-fit: cover;}
.supfaq_con .supfaq1 .banner>img.mimg{display: none;}
.supfaq_con .supfaq1 .banner .txt{position: absolute;top: 2.74rem;left: 0;width: 100%;}
.supfaq_con .supfaq1 .banner .txt .tit{color: #ffffff;font-weight: 600;line-height: 1.08;text-align: center;margin-bottom: 1.03rem;}
.supfaq_con .supfaq1 .banner .txt form{width: fit-content;padding: 0.04rem 0.04rem 0.04rem 0.4rem;background-color: #ffffff;border: 1px solid #D3D4D4;border-radius: 1rem;display: flex;align-items: center;margin: 0 auto;margin-bottom: 0.6rem;}
.supfaq_con .supfaq1 .banner .txt form img{width: 0.2rem;margin-right: 0.12rem;}
.supfaq_con .supfaq1 .banner .txt form input{width: 5.8rem;margin-right: 0.2rem;line-height: 0.52rem;font-weight: 500;color: #000;background-color: transparent;}
.supfaq_con .supfaq1 .banner .txt form input::placeholder{color: #666;}
.supfaq_con .supfaq1 .banner .txt form span{display: block;width: 1px;height: 0.24rem;background-color: rgba(0, 0, 0, 0.10);margin-right: 0.2rem;}
.supfaq_con .supfaq1 .banner .txt form button{width: 1.4rem;line-height: 0.52rem;border-radius: 0.3rem;color: #ffffff;border: none;text-align: center;background-color: var(--vi);cursor: pointer;}
.supfaq_con .supfaq1 .banner .tab{position: absolute;left: 2rem;bottom: 0;transform: translateY(50%);padding: 0.77rem 0.2rem;background-color: #ffffff;display: flex;gap: 0.34rem;justify-content: center;border-radius: 0.12rem;border: 1px solid rgba(0, 0, 0, 0.12);box-shadow: 0 23px 33px 0 rgba(0, 0, 0, 0.11);width: calc(100% - 4rem);}
.supfaq_con .supfaq1 .banner .tab li{display: flex;align-items: center;gap: 0.14rem;color: rgba(0, 0, 0, 0.8);font-weight: 400;font-family: pop;line-height: 1.6;cursor: pointer;}
.supfaq_con .supfaq1 .banner .tab li .kuai{display: block;width: 0.2rem;height: 0.2rem;}
.supfaq_con .supfaq1 .banner .tab li .kuai img{width: 100%;height: 100%;}
.supfaq_con .supfaq1 .banner .tab li .kuai img.img2{display: none;}
.supfaq_con .supfaq1 .banner .tab li.on .kuai img.img1{display: none;}
.supfaq_con .supfaq1 .banner .tab li.on .kuai img.img2{display: block;}

.supfaq_con .supfaq2{padding: 2rem 2rem 1.2rem 2rem;}
.supfaq_con .supfaq2 .tit{color: #000;line-height: 1.2;margin-bottom: 0.4rem;font-weight: 600;}
.supfaq_con .supfaq2 .list .item{width: 100%;border: 1px solid rgba(0,0,0,0.12);background-color: #fff;border-radius: 0.12rem;margin-bottom: 0.3rem;padding: 0.32rem 0.11rem 0.12rem 0.36rem;}
.supfaq_con .supfaq2 .list .item .p1{display: flex;justify-content: space-between;align-items: center;padding-bottom: 0.16rem;position: relative;margin-bottom: 0;padding-right: 0.33rem;}

.supfaq_con .supfaq2 .list .item .p1 .lt{display: flex;align-items: center;gap: 0.33rem;}
.supfaq_con .supfaq2 .list .item .p1 .lt img{display: block;width: 0.25rem;height: 0.25rem;object-fit: contain;}
.supfaq_con .supfaq2 .list .item .p1 .lt span{width: 10rem;line-height: 2.1;color: #333;font-weight: 500;font-family: pop;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.supfaq_con .supfaq2 .list .item .p1 .add{display: block;width: 0.18rem;height: 0.18rem;cursor: pointer;}
.supfaq_con .supfaq2 .list .item .p1 .add img{width: 100%;height: 100%;object-fit: contain;}
.supfaq_con .supfaq2 .list .item .p1 .add img.img2{display: none;}
.supfaq_con .supfaq2 .list .item.on .p1 .add img.img2{display: block;}
.supfaq_con .supfaq2 .list .item.on .p1 .add img.img1{display: none;}
.supfaq_con .supfaq2 .list .item .ps{padding: 0.22rem 0.33rem 0.2rem 0;position: relative;width: 100%;display: none;margin-top: 0.07rem;}
.supfaq_con .supfaq2 .list .item .ps::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 1px;background: url(../img/faq_solid.webp);background-size: 100% 100%;}
.supfaq_con .supfaq2 .list .item .ps .p2{display: flex;align-items: center;gap: 0.33rem;}
.supfaq_con .supfaq2 .list .item .ps .p2 img{display: block;width: 0.25rem;height: 0.25rem;object-fit: contain;}
.supfaq_con .supfaq2 .list .item .ps .p2 span{width: 12rem;line-height: 1.8;color: #666;font-weight: 400;font-family: pop;}
.supfaq_con .supfaq2 .list .item .ps .p3{color: #666;font-weight: 400;line-height: 1.8;font-family: pop;padding-left: 0.58rem;margin-top: 1.8em;width: 12.58rem;}
.supfaq_con .supfaq3{padding: 1.13rem 2rem 1.8rem 2rem;background-color: #F3F3F3;border-radius: 0.12rem 0.12rem 0 0;}
.supfaq_con .supfaq3 .top{margin-bottom: 0.58rem;}
.supfaq_con .supfaq3 .top .tit{color: #000;font-weight: 600;line-height: 1.2;margin-bottom: 0.16rem;}
.supfaq_con .supfaq3 .top .p{color: #000;font-weight: 500;line-height: 1.2;}
.supfaq_con .supfaq3 .con{display: flex;background-color: #ffffff;border-radius: 0.12rem 0 0 0.12rem;display: flex;overflow: hidden;align-items: flex-start;}
.supfaq_con .supfaq3 .con .pic{width: 7.6rem;height: 6.1rem;overflow: hidden;}
.supfaq_con .supfaq3 .con .pic img{width: 100%;height: 100%;object-fit: cover;}
.supfaq_con .supfaq3 .con .txt{padding: 0.95rem 0.53rem 0.6rem 0.52rem;display: flex;flex-wrap: wrap;column-gap: 0.18rem;row-gap: 0.52rem;}
.supfaq_con .supfaq3 .con .txt .input{width: calc(50% - 0.09rem);}
.supfaq_con .supfaq3 .con .txt .input1{width: 100%;}
.supfaq_con .supfaq3 .con .txt .input .name{display: flex;align-items: center;gap: 0.06rem;color: #333;text-transform: capitalize;font-weight: 400;line-height: 1.5;margin-bottom: 0.12rem;}
.supfaq_con .supfaq3 .con .txt .input .name span{color: var(--vi);}
.supfaq_con .supfaq3 .con .txt .input input{width: 100%;line-height: 0.48rem;padding: 0 0.16rem;border-radius: 0.04rem;border: 1px solid rgba(218, 218, 218, 0.38);background: rgba(235, 235, 235, 0.27);font-family: pop;font-weight: 400;}
.supfaq_con .supfaq3 .con .txt .input textarea{width: 100%;line-height: 0.48rem;padding: 0 0.16rem;border-radius: 0.04rem;border: 1px solid rgba(218, 218, 218, 0.38);background: rgba(235, 235, 235, 0.27);font-family: pop;font-weight: 400;height: 1.8rem;}

.supfaq_con .supfaq3 .con .txt>button{width: fit-content;padding: 0.1rem 0.33rem 0.1rem 0.4rem;border: 1px solid rgba(202, 202, 202, 0.44);border-radius: 0.6rem;display: flex;justify-content: center;align-items: center;color: #333;font-weight: 500;font-family: pop;background-color: transparent;cursor: pointer;transition: all 0.5s;text-transform: capitalize;margin: 0 auto;}
.supfaq_con .supfaq3 .con .txt>button:hover{color: #ffffff;background-color: var(--vi);border-color: transparent;}
.supfaq_con .supfaq3 .con .txt>button svg{width: 0.1rem;margin-left: 0.12rem;}
.supfaq_con .supfaq3 .con .txt>button svg path{transition: all 0.5s;}
.supfaq_con .supfaq3 .con .txt>button:hover svg path{fill: #fff;}

.supwp_con .supwp1{position: relative;width: 100%;height: 7.37rem;}
.supwp_con .supwp1 .Breadcrumbs .jt{filter: brightness(0) invert(1);-webkit-filter: brightness(0) invert(1);}
.supwp_con .supwp1 .Breadcrumbs a:last-child{color: #ffffff;}
.supwp_con .supwp1 .banner{width: 100%;height: 100%;position: relative;}
.supwp_con .supwp1 .banner>img{width: 100%;height: 100%;object-fit: cover;}
.supwp_con .supwp1 .banner>img.mimg{display: none;}
.supwp_con .supwp1 .banner .txt{position: absolute;top: 3rem;left: 2rem;color: #ffffff;width: 8.11rem;}
.supwp_con .supwp1 .banner .txt .tit{font-weight: 600;line-height: 1.08;margin-bottom: 0.35rem;}
.supwp_con .supwp1 .banner .txt .p{font-weight: 400;font-family: pop;line-height: 1.6;}

.supwp_con .supwp2{padding: 1.14rem 2rem 1.8rem 2rem;}
.supwp_con .supwp2 .top{width: 100%;background-color: #F3F3F3;border-radius: 0.12rem;overflow: hidden;margin-bottom: 0.3rem;}
.supwp_con .supwp2 .top img{width: 100%;display: block;}
.supwp_con .supwp2 .top img.mimg{display: none;}
.supwp_con .supwp2 .bottom{display: flex;gap: 0.3rem;}
.supwp_con .supwp2 .bottom .item{width: calc(50% - 0.15rem);background-color: #F3F3F3;border-radius: 0.12rem;overflow: hidden;padding:0.55rem 1.1rem 0.54rem 0.98rem;display: flex;align-items: center;gap: 0.3rem;}
.supwp_con .supwp2 .bottom .item .icon{width: 0.6rem;height: 0.6rem;object-fit: contain;}
.supwp_con .supwp2 .bottom .item .txt{width: calc(100% - 0.9rem);}
.supwp_con .supwp2 .bottom .item .txt .h{color: #333;line-height: 1.3;text-transform: capitalize;font-weight: 500;margin-bottom: 0.1rem;}
.supwp_con .supwp2 .bottom .item .txt .p{color: #666;line-height: 1.56;font-weight: 400;}
.supwp_con .supwp2 .px{color: rgba(0, 0, 0, 0.50);line-height: 1.6;font-weight: 300;font-family: pop;margin-top: 0.15rem;max-height:9.6em;overflow:auto}
.supwp_con .supwp2 .px span{color: var(--vi);}

.supwp_con .com_tab{justify-content: center;gap: 0.9rem;}
.supwp_con .supafter2{padding: 0 2rem 1.3rem 2rem;}
.supwp_con .supafter2 .item{display: flex;justify-content: space-between;align-items: flex-start;padding-top: 1.3rem; margin-bottom: 0.65rem;}
.supwp_con .supafter2 .item:nth-child(2n){flex-flow:row-reverse;}
.supwp_con .supafter2 .item .pic{width: 6.96rem;height: 6.9rem;border-radius: 0.12rem;overflow: hidden;}
.supwp_con .supafter2 .item .pic .picx{width: 100%;height: 110%;}
.supwp_con .supafter2 .item .pic .picx img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.supwp_con .supafter2 .item .pic:hover .picx img{transform: scale(1.05);}
.supwp_con .supafter2 .item .txt{width: 7.42rem;position: relative;padding-top: 1rem}
.supwp_con .supafter2 .item .txt .num{position: absolute;top: -0.63rem;right: 0;font-size: 2.93rem;font-weight: 600;line-height: 1.2;background: linear-gradient(180deg, rgba(0, 0, 0, 0.06) 20.17%, rgba(56, 56, 56, 0.04) 49.43%, rgba(102, 102, 102, 0.00) 73.1%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;min-width: 1.76rem;text-align: center;}
.supwp_con .supafter2 .item .txt .icon{width: 0.6rem;height: 0.6rem;object-fit: contain;margin-bottom: 0.32rem;}
.supwp_con .supafter2 .item .txt .h{font-weight: 600;line-height: 1.2;margin-bottom: 0.39rem;}
.supwp_con .supafter2 .item .txt .p{color: #767676;font-weight: 300;font-family: pop;line-height: 1.75;max-height: 22.75em;overflow: auto;padding-right: 0.16rem;}
.supwp_con .supafter2 .item .txt .p span{color: var(--vi);}
.supwp_con .supafter2 .item .txt .p::-webkit-scrollbar {
	width: 2px;
	background-color: #0000001a
}
.supwp_con .supafter2 .item .txt .p::-webkit-scrollbar-thumb {
	border: solid 1px transparent;
	width: 2px;
	border-radius: 4px;
	background-color: var(--vi)
}

.cat2{padding: 1.6rem 2rem 0 2rem;}
.cat2 .tit{color: #000;font-weight: 600;line-height: 1.2;margin-bottom: 0.35rem;text-transform:capitalize;}
.cat2 .list{display: flex;gap: 0.2rem;flex-wrap: wrap;}
.cat2 .list .item{width: calc(25% - 0.15rem);border-radius: 0.12rem;border: 1px solid #E9E9E9;padding: 0.56rem 0.5rem 0.6rem 0.5rem;}
.cat2 .list .item .icon{display: block;width: 0.6rem;height: 0.6rem;object-fit: contain;margin-bottom: 0.33rem;}
.cat2 .list .item .h{color: #000000;line-height: 1.2;font-weight: 600;margin-bottom: 0.45rem;}
.cat2 .list .item .p1{color: #333;font-weight: 500;line-height: 1.6;font-family: pop;margin-bottom: 0;}
.cat2 .list .item .p2{color: #666;line-height: 1.6;font-weight: 400;font-family: pop;margin-bottom: 0.24rem;}
.cat2 .list .item .p2:last-child{margin-bottom: 0;}

.cat3{padding: 1.5rem 2rem 0 2rem;}
.cat3 .tit{color: #000;font-weight: 600;line-height: 1.2;text-align: center;margin-bottom: 0.2rem;}
.cat3 .map{width: 100%;position: relative;}
.cat3 .map .pic{width: 100%;display: block;}
.cat3 .map .list{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.cat3 .map .list .item{display: flex;align-items: center;gap: 0.15rem;position: absolute;}
.cat3 .map .list .item img{display: block;width: 0.34rem;height: 0.34rem;}
.cat3 .map .list .item .h{font-weight: 600;font-family: pop; line-height: 1.23;color: #333;margin-bottom: 0.06rem;}
.cat3 .map .list .item .p{color: #333;line-height: 1.33;font-weight: 400;}
.cat3 .bottom{display: flex;gap: 0.35rem;transform: translateY(-0.56rem);}
.cat3 .bottom .box{width: calc(50% - 0.18rem);border-radius: 0.12rem;border: 1px solid #DDD;background: #FFF;padding: 0.5rem 1.17rem 0.46rem 0.6rem;}
.cat3 .bottom .box .h{color: #000;font-weight: 500;font-family: pop;line-height: 1.5;text-transform: capitalize;margin-bottom: 0.29rem;}
.cat3 .bottom .box li{display: flex;gap: 0.15rem;margin-bottom: 0.2rem;align-items: flex-start;}
.cat3 .bottom .box li:last-child{margin-bottom: 0;}
.cat3 .bottom .box li img{width: 0.24rem;height: 0.24rem;object-fit: contain;margin-top: 0.04rem;}
.cat3 .bottom .box li span{display: block;width: calc(100% - 0.39rem);color: #333;line-height: 1.75;font-weight: 400;}

.cat4{padding: 1.1rem 2rem 1.4rem 2rem;background: linear-gradient(180deg, rgba(217, 217, 217, 0.00) 0%, #EDEFF2 100%);}
.cat4 .tit{color: #000;text-transform: capitalize;font-weight: 600;line-height: 1.2;margin-bottom: 0.32rem;text-align: center;}
.cat4 form{width: 100%;border-radius: 0.2rem;padding: 0.7rem 0.7rem 1rem 0.7rem;display: flex;column-gap: 0.44rem;row-gap: 0.6rem;flex-wrap: wrap;  background: #FFF;box-shadow: 0 -26px 42.2px 14px rgba(123, 153, 185, 0.05);column-gap: 0.42rem;row-gap: 0.4rem;}
.cat4 form .input{width: calc(33.33% - 0.28rem);}
.cat4 form .input .name{color: #333;font-weight: 500;font-family: pop;text-transform: capitalize;line-height: 1.67;margin-bottom: 0.2rem;}
.cat4 form .input .name span{color: var(--vi);}
.cat4 form .input input{width: 100%;line-height: 0.48rem;padding: 0 0.16rem;color: #333;font-family: pop;font-weight: 500; border-radius: 0.06rem;border: 1px solid #EEE;background: linear-gradient(0deg, #F8F8FA 0%, #F8F8FA 100%), #FFF;}
.cat4 form .input input::placeholder{color: #999999;font-weight: 500;font-family: pop;}
.cat4 form .input textarea{width: 100%;line-height: 0.48rem;padding: 0 0.16rem;color: #333;font-family: pop;font-weight: 500; border-radius: 0.06rem;border: 1px solid #EEE;background: linear-gradient(0deg, #F8F8FA 0%, #F8F8FA 100%), #FFF;height: 1.8rem;}
.cat4 form .input textarea::placeholder{color: #999999;font-weight: 500;font-family: pop;}
.cat4 form .input .select{position: relative;}
.cat4 form .input .select::after{content: "";position: absolute;top: 50%;right: 0.25rem;width: 0.16rem;height: 0.16rem;background: url(../img/bec_xl.webp);background-size: 100% 100%;transform: translateY(-50%);}
.cat4 form .input select{width: 100%;line-height: 0.48rem;padding: 0 0.5rem 0 0.16rem;color: #333;font-family: pop;font-weight: 500; border-radius: 0.06rem;border: 1px solid #EEE;background: linear-gradient(0deg, #F8F8FA 0%, #F8F8FA 100%), #FFF;}
.cat4 form .input select::placeholder{color: #999999;font-weight: 500;font-family: pop;}
.cat4 form .input.input1{width:100%;}
.cat4 form>button{width: fit-content;margin: 0 auto; padding: 0.1rem 0.33rem 0.1rem 0.4rem;border: 1px solid rgba(202, 202, 202, 0.44);border-radius: 0.6rem;display: flex;justify-content: center;align-items: center;color: #333;font-weight: 500;font-family: pop;background-color: transparent;cursor: pointer;transition: all 0.5s;text-transform: capitalize;}
.cat4 form>button:hover{color: #ffffff;background-color: var(--vi);border-color: transparent;}
.cat4 form>button svg{width: 0.1rem;margin-left: 0.12rem;}
.cat4 form>button svg path{transition: all 0.5s;}
.cat4 form>button:hover svg path{fill: #fff;}

.cat4 form .form-message{width: 100%;text-align: center;padding: 0.1rem 0.2rem;border-radius: 0.04rem;font-size: 0.14rem;font-family: pop;margin-top: 0.1rem;}

.cat4 form .form-message.msg-success{background: #e8f5e9;color: #2e7d32;}

.cat4 form .form-message.msg-error{background: #fdecea;color: #c62828;}

.cat4 form>button .btn-loading{text-transform: capitalize;}

.radio-item {display: flex;align-items: center;gap: 0.14rem;cursor: pointer;}
.radio-item input[type="radio"] {position: absolute;width: 0;height: 0;opacity: 0;visibility: hidden;}
.radio-box {width: 0.2rem;height: 0.2rem;background: url(../img/faq_g1.webp);background-size: 100% 100%;}
.radio-item input[type="radio"]:checked + .radio-box {background-image: url(../img/faq_g2.webp);}

.suptec1{padding: 2.53rem 2rem 1.65rem 2rem;}
.suptec1 .top{text-align: center;margin-bottom: 0.6rem;}
.suptec1 .top .tit{color: #000;line-height: 1.08;font-weight: 600;margin-bottom: 0.35rem;}
.suptec1 .top .p{color: #000;line-height: 1.6;font-weight: 400;font-family: pop;}
.suptec1 form{width: 100%;border-radius: 0.12rem;border: 1px solid rgba(0, 0, 0, 0.12);background: #FFF;box-shadow: 0 23px 33px 0 rgba(0, 0, 0, 0.11);padding: 0.86rem 0.77rem;display: flex;flex-wrap: wrap;column-gap: 0.3rem;row-gap: 0.67rem;}
.suptec1 form .input{width: calc(25% - 0.225rem);}
.suptec1 form .input.input1{width: calc(50% - 0.15rem);}
.suptec1 form .input.input2{width: 100%;}
.suptec1 form .agree{width: 100%;}
.suptec1 form .h_1{width: 100%;}
.suptec1 form .radio-boxs{width: 100%;}
.suptec1 form .input .name{color: #333;font-weight: 400;font-family: pop;text-transform: capitalize;line-height: 1.5;margin-bottom: 0.12rem;}
.suptec1 form .input .name span{color: var(--vi);}
.suptec1 form .input input[type="text"]{width: 100%;border-radius: 0.04rem;border: 1px solid rgba(218, 218, 218, 0.38);line-height: 0.48rem;padding: 0 0.16rem; background: rgba(235, 235, 235, 0.27);font-family: pop;font-weight: 400;}
.suptec1 form .input input::placeholder{color: #999;font-family: pop;font-weight: 400;}
.suptec1 form .input textarea{width: 100%;height: 1.8rem; border-radius: 0.04rem;border: 1px solid rgba(218, 218, 218, 0.38);line-height: 0.48rem;padding: 0 0.16rem; background: rgba(235, 235, 235, 0.27);font-family: pop;font-weight: 400;}
.suptec1 form .input textarea::placeholder{color: #999;font-family: pop;font-weight: 400;}
.suptec1 form .input .txt1{position: relative;}
.suptec1 form .input .txt1 .upload-wrap{position: absolute;left: 0.16rem;top:1.64rem;transform: translateY(-100%); cursor: pointer;}
.suptec1 form .input .txt1 .upload-wrap .upload-input{position: absolute;top: 0;left: 0;opacity: 0;cursor: pointer;}
.suptec1 form .input .txt1 .upload-wrap .upload-btn{padding-left: 0.4rem;background: url(../img/tec_add.webp)no-repeat left center;background-size: 0.36rem 0.37rem;cursor: pointer;color: rgba(0, 0, 0, 0.80);line-height: 1.6;font-weight: 400;font-family: pop;}

.suptec1 form .h_1{color: #333;font-weight: 600;font-family: pop;line-height: 1.5;text-transform: capitalize;margin-bottom: 0.26rem;}
.suptec1 form .radio-boxs{display: flex;gap: 0.62rem;}
.suptec1 form .radio-boxs span.f-16{color: #333;font-weight: 400;font-family: pop;}


.suptec1 form .agree{display: flex;gap: 0.14rem;line-height: 0.2rem;}
.suptec1 form .agree .kuai{display: block;width: 0.2rem;height: 0.2rem;cursor: pointer;}
.suptec1 form .agree .kuai img{width: 100%;height: 100%;}
.suptec1 form .agree .kuai img.img2{display: none;}
.suptec1 form .agree.on .kuai img.img1{display: none;}
.suptec1 form .agree.on .kuai img.img2{display: block;}
.suptec1 form .agree p{display: block;width: calc(100% - 0.34rem);color: rgba(0, 0, 0, 0.50);font-weight: 300;font-family: pop;}
.suptec1 form .agree p a{color: var(--vi);}

.suptec1 form>button{width: fit-content;margin: 0 auto; padding: 0.1rem 0.33rem 0.1rem 0.4rem;border: 1px solid rgba(202, 202, 202, 0.44);border-radius: 0.6rem;display: flex;justify-content: center;align-items: center;color: #333;font-weight: 500;font-family: pop;background-color: transparent;cursor: pointer;transition: all 0.5s;text-transform: capitalize;transition: all 0.5s;}
.suptec1 form>button.hid{pointer-events: none;opacity: 0.7;}
.suptec1 form>button:hover{color: #ffffff;background-color: var(--vi);border-color: transparent;}
.suptec1 form>button svg{width: 0.1rem;margin-left: 0.12rem;}
.suptec1 form>button svg path{transition: all 0.5s;}
.suptec1 form>button:hover svg path{fill: #fff;}

.suptec1 form .file-list{margin-top: 0.12rem;}

.suptec1 form .file-list .file-item{display: flex;align-items: center;justify-content: space-between;padding: 0.06rem 0.12rem;margin-bottom: 0.06rem;background: rgba(235, 235, 235, 0.4);border-radius: 0.04rem;color: #555;font-family: pop;}

.suptec1 form .file-list .file-item .file-name{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;flex: 1;}

.suptec1 form .file-list .file-item .file-remove{cursor: pointer;color: #999;font-size: 0.18rem;line-height: 1;margin-left: 0.1rem;flex-shrink: 0;}

.suptec1 form .file-list .file-item .file-remove:hover{color: var(--vi);}

.suptec1 form .form-message{width: 100%;text-align: center;padding: 0.1rem 0.2rem;border-radius: 0.04rem;font-size: 0.14rem;font-family: pop;margin-top: 0.1rem;}

.suptec1 form .form-message.msg-success{background: #e8f5e9;color: #2e7d32;}

.suptec1 form .form-message.msg-error{background: #fdecea;color: #c62828;}

.suptec1 form>button .btn-loading{text-transform: capitalize;}

/* support end */

/*搜索*/
.seh_con{padding: 2rem 0.8rem 2rem 0.8rem;background-color: #F3F3F3;}
.seh_con .top{text-align: center;padding:0 4.5rem;}
.seh_con .top .tit{line-height: 1.33;font-weight: 600;color: #000;margin-bottom: 0.3rem;}
.seh_con .top .p{color:#666;font-weight: 400;font-family: pop;line-height: 1.86;margin-bottom: 0.6rem;}
.seh_con .top form{width: 100%;padding: 0.04rem 0.04rem 0.04rem 0.4rem;background-color: rgba(219, 219, 219, 0.50);border: 1px solid #D3D4D4;border-radius: 1rem;display: flex;align-items: center;margin: 0 auto;margin-bottom: 0.27rem;}
.seh_con .top form img{width: 0.2rem;margin-right: 0.12rem;}
.seh_con .top form input{width: 6.5rem;margin-right: 0.2rem;line-height: 0.52rem;font-weight: 500;color: #000;background-color: transparent;}
.seh_con .top form input::placeholder{color: #666;}
.seh_con .top form span{display: block;width: 1px;height: 0.24rem;background-color: rgba(0, 0, 0, 0.10);margin-right: 0.2rem;}
.seh_con .top form button{width: 1.4rem;line-height: 0.52rem;border-radius: 0.3rem;color: #ffffff;border: none;text-align: center;background-color: var(--vi);cursor: pointer;}
.seh_con .top .ul{display: flex;gap: 0.2rem;}
.seh_con .top .ul a{display: block;width: fit-content;padding: 0.1rem 0.2rem;line-height: 1.2;color: #333;font-weight: 500;font-family: pop;background-color: #ffffff;border-radius: 0.04rem;border: 1px solid #C9C9C9;transition:all 0.5s}
.seh_con .top .ul a:hover{color:#ffffff;background-color: var(--vi);}
.seh_con .bottom{padding: 0 4.5rem;margin-top:1rem;}
.seh_con .bottom .tab{display: flex;gap: 0.5rem;border-bottom: 1px solid #E4E4E4;margin-bottom:0.5rem}
.seh_con .bottom .tab li a{display: block;padding-bottom: 0.2rem;position: relative;color:#666666;line-height:1.55;}
.seh_con .bottom .tab li.on a{color:var(--vi);}
.seh_con .bottom .tab li a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:0.02rem;background-color:var(--vi);opacity:0}
.seh_con .bottom .tab li.on a:after{opacity:1;}
.seh_con .bottom .list .item{display: flex;gap: 0.5rem;padding: 0 0 0.6rem 0;margin-bottom: 0.6rem;border-bottom: 1px solid #E4E4E4;}
.seh_con .bottom .list .item .pic{width: 3.7rem;height: 2.78rem;overflow: hidden;}
.seh_con .bottom .list .item .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.seh_con .bottom .list .item .pic:hover img{transform:scale(1.05);}
.seh_con .bottom .list .item .txt{width: calc(100% - 4.2rem);}
.seh_con .bottom .list .item .txt .h{color:#333;font-weight: 600;line-height: 1.3;height: 2.6em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 0.2rem;transition:all 0.5s;}
.seh_con .bottom .list .item:hover .txt .h{color:var(--vi);}
.seh_con .bottom .list .item .txt .p{color: #666;line-height: 1.65;height: 3.3em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-weight: 400;margin-bottom: 0.4rem;}
/*搜索 end*/ 

/* 横屏 */
@media screen and (orientation: landscape) {}

/* 竖屏 */
@media screen and (orientation: portrait) {
  html {
		font-size: 55px!important
	}

	.f-130,
	.f-120 {
		font-size: 13vw
	}

	.f-90 {
		font-size: 10vw
	}

	.f-80 {
		font-size: 9vw
	}

	.f-70 {
		font-size: 8vw
	}

	.f-60 {
		font-size: 7vw
	}

	.f-54,
	.f-48 {
		font-size: 6vw
	}

	.f-36 {
		font-size: 18px
	}

	.f-32 {
		font-size: 17px
	}

	.f-30,
	.f-28,
	.f-26,
	.f-24,
	.f-22,
	.f-20 {
		font-size: 16px
	}

	.f-18{
		font-size: 14px
	}

	.f-16{
		font-size: 14px
	}

	.f-14{
		font-size: 14px
	}

	.f-12 {
		font-size: 12px
	}

	.pd8 .con .top-bar .select .guide-select,
	.bec_con .bec4 form .input .select .guide-select {
		font-size: 14px
	}
	
	.header{display: none;}
	
	.m_header{position: fixed;top: 0;left: 0;width: 100%;background-color: #2A2A2A;box-shadow: 0 0 10px rgba(0,0,0,0.1);padding:10px 15px;z-index: 98;}
    .m_header .mh_top{display: flex;justify-content: space-between;align-items: center;width:100%;}
    .m_header .mh_top>div{align-items: center;}
    .m_header .mh_top>div .h_btn{width: 1.95rem;line-height: 0.58rem;text-align: center;border: 1px solid #000000;font-size: 0.24rem;margin-right: 0.44rem;}
    .m_header .logo img{width: 100px;}
    .m_header .btn{display: block;filter: brightness(0) invert(1);}
    .m_header .btn{margin-right: 0;cursor: pointer;height: 37px;padding-top: 16px;}
    .m_header .btn.hide{opacity: 0;}
    .m_header .btn div{display: block;width: 22px;height: 1px;background-color: #333;border-radius: 1px;transition: all 0.3s;}
    .m_header .btn div:nth-child(1){transform: translate(0,-8px);}
    .m_header .btn div:nth-child(2){transform: translate(12px,0);width: 12px;}
    .m_header .btn div:nth-child(3){transform: translate(0px,8px);}
    .m_header .btn:hover div:nth-child(1){transform: translate(0,-8px);}
    .m_header .btn:hover div:nth-child(2){transform: translate(0,0);width: 22px;}
    .m_header .btn:hover div:nth-child(3){transform: translate(0,8px);}
    .m_header .btn:after{display:none;}
    .m_header{display: flex!important;}
    .m_header .mh_top>div{display: flex;align-items: center;gap: 16px;}
    .m_header .mh_top>div .h_ser{width: 20px;filter: brightness(0) invert(1);}
    .m_header .mh_top>div .h_ser img{width: 100%;}
    
.m_header .mh_top>div .h_lag{position: relative;margin-right: 0;z-index: 10;display:block!important;}
.m_header .mh_top>div .h_lag .h{display: flex;align-items: center;gap: 0.05rem;color: #ffffff;font-family: pop;font-weight: 500;cursor: pointer;user-select: none;line-height: 1.5;padding: 0 0;font-size:16px;}
.m_header .mh_top>div .h_lag .h img{display: block;width: 10px;transition: transform 0.35s var(--ease);}
/*.m_header .mh_top>div .h_lag:hover .h img,*/
.m_header .mh_top>div .h_lag.open .h img{transform: rotate(180deg);}
.m_header .mh_top>div .h_lag .sel{position: absolute;top: calc(100% + 15px);left: 50%;transform: translateX(-50%);min-width: 1.2rem;width: max-content;padding: 0.08rem 0;background-color: rgba(0, 0, 0, 0.45);backdrop-filter: blur(56px);border-radius: 0 0 0.06rem 0.06rem;opacity: 0;visibility: hidden;pointer-events: none;transition: opacity 0.35s var(--ease), visibility 0.35s var(--ease);display: flex;flex-direction: column;align-items: stretch;z-index: 20;}
/*.m_header .mh_top>div .h_lag:hover .sel,*/
.m_header .mh_top>div .h_lag.open .sel{opacity: 1;visibility: visible;pointer-events: auto;}
.m_header .mh_top>div .h_lag .sel a{display: block;color: #ffffff;line-height: 1.4;padding: 0.08rem 0.18rem;white-space: nowrap;text-align: center;font-family: pop;font-weight: 400;font-size: 14px;transition: color 0.35s var(--ease);}
.m_header .mh_top>div .h_lag .sel a:hover,
.m_header .mh_top>div .h_lag .sel a.on{color: var(--vi);}
    
    .mh_nav{display: block!important;}
    .mh_nav{position: fixed;top: 0;left: 10%;width: 90%;transform: translateX(120%);z-index: 999;background-color: #fff;height: 100vh;overflow: auto;padding: 50px 25px;transition: all 0.5s;box-shadow: 0 10px 10px rgba(0,0,0,0.1);}
    .mh_nav.show{transform: translateX(0);}
    .mh_nav .close{position: absolute;top: 20px;right: 20px;width: 20px;height: 20px;}
    .mh_nav .nav>li{border-bottom: 1px solid rgba(0,0,0,0.1);position: relative;padding-right: 60px;}
    .mh_nav .nav>li>a{line-height: 60px;font-size: 16px;display: block;font-weight:500;}
    .mh_nav .nav>li:after{content: "";position: absolute;right: 0;top:24px;transition: all 0.5s; width: 12px;height: 12px;background: url(../img/h_add.svg)no-repeat center;background-size:100% 100%;transform: rotate(-90deg);}
    .mh_nav .nav>li:nth-child(5)::after,.mh_nav .nav>li:nth-child(6)::after{display:none;}
    .mh_nav .nav>li.on:after{transform: rotate(0deg);}
    /*.mh_nav .nav>li:first-child:after{display: none;}*/
    .mh_nav .nav>li .nav1{padding: 15px;line-height: 36px;display: none;font-size: 14px;font-weight:500;text-transform:capitalize;}
    .mh_nav .nav>li .nav2{font-size: 13px;padding-left:16px;font-weight:400}
	.footer{padding: 50px 0 0 0;}
	.footer .f_top{padding:0 20px;display:block;margin-bottom:30px;}
	.footer .f_top .left{width: 100%;margin-bottom:20px;}
	.footer .f_top .left .h{font-size: 20px;}
	.footer .f_top .left .p{font-size: 14px;margin-bottom:12px;}
	.footer .f_top .left form input{font-size: 12px;}
	.footer .f_top .left form button{font-size: 13px;}
	.footer .f_top .right{gap: 15px;}
	.footer .f_top .right img{width: 70px;height: auto;}
	.footer .f_center{padding:0 20px 30px 20px;}
	.footer .f_center .left{width: 100%;}
	.footer .f_center .right{display: none;}
	.footer .f_center .left .fx a{width: 20px;height: 20px;}
	.footer .f_bottom{padding:12px 20px;display:block;}
	.footer .f_bottom .left{justify-content: center;font-size:12px;}
	.footer .f_bottom p{text-align: center;font-size: 12px;}
	
	.nl1{padding: 130px 20px 50px 20px;}
	.nl1 .con .pic{height: 54vw;margin-bottom: 20px;}
	.nl1 .con .txt .p1{font-size: 14px;margin-bottom:8px;}
	.nl1 .con .txt .h{font-size: 18px;}
	.nl1 .con .txt .p{font-size: 14px;}
	
	.nl2{padding: 50px 20px;}
	.nl2 .top{display: block;}
	.nl2 .top .t_left{width: 100%;display: block;}
	.nl2 .top .t_left .tit{font-size: 26px;margin-bottom: 30px;text-align:center;width: 100%;}
	.nl2 .top .t_left .ul{width: 100%;overflow: auto;margin-bottom:12px;}
	
	.nl2 .top .t_left .ul::-webkit-scrollbar:horizontal {
	height: 2px;
	border-radius: 4px;
    }
	
	.nl2 .top .t_left ul{width:fit-content;white-space:nowrap; gap: 12px;font-size: 14px;text-align: center;margin-bottom:0;}
	.nl2 .top .t_right{width: 100%;gap: 20px;}
	.nl2 .top .t_right .select{width: calc(50% - 10px);}
	.nl2 .top .t_right .select .h{font-size: 13px;}
	.nl2 .top .t_right .search{width: calc(50% - 10px);}
	.nl2 .top .t_right .search input{font-size: 13px;}
	.nl2 .bottom{row-gap: 30px;}
	.nl2 .bottom .item{width: 100%;}
	.nl2 .bottom .item .pic{height: 54vw;}
	.nl2 .bottom .item .p1{font-size: 14px;}
	.nl2 .bottom .item .h{font-size: 18px;}
	
	.nd1{padding: 130px 20px 0 20px;}
	.nd1 .pic{height: 60vw;}
	.nd1 .pic .txt{top: auto;bottom:16px;left: 16px;width: calc(100% - 32px);}
	.nd1 .pic .txt .p{font-size: 16px;}
	.nd1 .pic .txt .tit{font-size: 20px;}
	.nd1 .pic .txt .p1{font-size: 13px;}
	
	.nd2{padding: 50px 20px;}
	.nd2 .left{float: none;width: 100%;font-size:14px;margin-bottom:40px;}
	.nd2 .right{float: none;width: 100%;}
	.nd2 .right .r_bottom .tit1{font-size: 18px;}
	.nd2 .right .r_bottom .item .p1{font-size: 12px;}
	.nd2 .right .r_bottom .item .h{font-size: 14px;}
	.nd2 .right .r_bottom .item .pic{height: 54vw;}
	
	.dl_con .dl1{height: 100vw;}
	.dl_con .dl1 .txt{left: 20px;width: calc(100% - 40px);}
	.dl_con .dl1 .txt .tit{font-size: 30px;margin-bottom: 20px;}
	.dl_con .dl1 .txt .p{font-size: 15px;}
	.dl_con .dl2{padding: 50px 20px;}
	.dl_con .dl2 .tit{font-size: 26px;margin-bottom: 30px;text-align:center;width: 100%;}
	.dl_con .dl2 .list{gap: 20px;}
	.dl_con .dl2 .list .item{width: calc(50% - 10px);}
	.dl_con .dl2 .list .item .h{font-size: 17px;}
	.dl_con .dl2 .list .item .mo{font-size: 14px;}
	
	.dll1_con{padding: 150px 20px 50px 20px;}
	.Breadcrumbs{top: 90px;left: 20px;font-size:12px;}
	.dll1_con .con form{width: 100%;padding-left:16px;}
	.dll1_con .con form button{width: 80px;}
	.dll1_con .con form img{width: 15px;margin-right: 10px;}
	.dll1_con .con form span{margin-right: 10px;}
	.dll1_con .con form input{margin-right: 10px;width:calc(100% - 126px);font-size:13px;}
	.dll1_con .con .top{padding: 20px;}
	.dll1_con .con .top .box .h{font-size: 16px;}
	.dll1_con .con .top .box .list{font-size: 13px;gap: 10px;}
	.dll1_con .con .top .box .list .li{padding: 0 12px;}
	.page ul{gap: 12px;font-size:13px;}
	.dll1_con .con .bottom .btop{font-size: 13px;}
	.dll1_con .con .bottom .btop li:nth-child(1){padding-left:12px;width:23%;}
	.dll1_con .con .bottom .btop li:nth-child(2){width:20%;}
	.dll1_con .con .bottom .btop li:nth-child(4){width:24%;}
	.dll1_con .con .bottom .bbottom{font-size: 12px;}
	.dll1_con .con .bottom .bbottom li:nth-child(1){padding-left:12px;width:23%;}
	.dll1_con .con .bottom .bbottom li:nth-child(1) a{word-break: break-word;}
	.dll1_con .con .bottom .bbottom li:nth-child(2){width:20%;}
	.dll1_con .con .bottom .bbottom li:nth-child(4){width:24%;}
	.dll1_con .con .bottom .bbottom ul li{height: 1.1rem;}
	
	.dll2_con{padding: 150px 20px 50px 20px;}
	.dll2_con .con .tit{font-size: 26px;margin-bottom: 30px;text-align:center;}
	.dll2_con .con form{width: 100%;padding-left:16px;}
	.dll2_con .con form button{width: 80px;}
	.dll2_con .con form img{width: 15px;margin-right: 10px;}
	.dll2_con .con form span{margin-right: 10px;}
	.dll2_con .con form input{margin-right: 10px;width:calc(100% - 126px);font-size:13px;}
	.dll2_con .con .list{flex-wrap: wrap;}
	.dll2_con .con .list .item{width: 100%;}
	.dll2_con .con .list .item .h{font-size: 15px;}
	.dll2_con .con .list .item .pic img{margin: 0 auto;}
	.dll2_con .con .list .item .ps{font-size: 13px;}
	.dll2_con .con .list .item .bt{font-size: 13px;}
	.dll2_con .con .list .item .bt svg{width: 20px;}
	.dll2_con .con .list .item .bot img{width: auto;height: 20px;}
	
	.dll1_con .dll3_list{flex-wrap: wrap;gap:16px;}
	.dll1_con .dll3_list .item{width: 100%;}
	.dll1_con .dll3_list .item .pic{height: 54vw;}
	.dll1_con .dll3_list .item .txt .h{font-size: 16px;}
	.dll1_con .dll3_list .item .txt .ps{font-size: 14px;gap:20px;}
	.dll1_con .dll3_list .item .txt .ps a svg{width: 18px;height: auto;}
	
	.dll1_con .dll4_list{gap: 16px;}
	.dll1_con .dll4_list .item{width: 100%;}
	.dll1_con .dll4_list .item .h{font-size: 18px;}
	.dll1_con .dll4_list .item .pic{height: 40vw;}
	
	.bec_con .bec1 .banner .txt{left: 20px;width: calc(100% - 40px);}
	.bec_con .bec1 .banner .txt .tit{font-size: 26px;}
	.bec_con .bec1 .banner .txt .p{font-size: 13px;}
	.com_tab{width: calc(100% - 40px);font-size:14px;gap:20px;text-align:center;}
	.bec_con .bec2{padding: 50px 20px 0 20px;}
	.bec_con .bec2 .con{padding:26px 20px;}
	.bec_con .bec2 .con .tit{font-size: 20px;margin-bottom: 12px;}
	.bec_con .bec2 .con .p{font-size: 14px;line-height:1.6;}
	.bec_con .bec3{padding: 50px 20px 0 20px;}
	.bec_con .bec3 .tit{font-size: 20px;text-align: center;margin-bottom:30px;}
	.bec_con .bec3 .list{gap: 20px;}
	.bec_con .bec3 .list .item{width: 100%;padding: 20px;}
	.bec_con .bec3 .list .item .h{font-size: 18px;}
	.bec_con .bec3 .list .item .p{font-size: 13px;}
	.bec_con .bec4{padding: 50px 20px;}
	.bec_con .bec4 .tit{font-size: 20px;text-align: center;}
	.bec_con .bec4 .p{font-size: 14px;text-align: center;margin-bottom: 20px;}
	.bec_con .bec4 form{padding: 20px;gap:16px;}
	.bec_con .bec4 form .input{width: 100%!important;}
	
	.wb_con .wb1{height: 100vw;}
	.wb_con .wb1 .banner .txt{left: 20px;width: calc(100% - 40px);}
	.wb_con .wb1 .banner .txt .tit{font-size: 26px;}
	.wb_con .wb1 .banner .txt .p{font-size: 13px;}
	.wb_con .wb_top{margin: 30px 20px 50px 20px;width: calc(100% - 40px);transform:translateY(0);padding:20px;flex-wrap:wrap;}
	.wb_con .wb_top .item{width: 100%;height:36px;}
	.wb_con .wb_top .item.select .guide-select-trigger{min-height: 36px;}
	.wb_con .wb_top .item.input{line-height: 36px;}
	.wb_con .wb2{padding: 0 20px 50px 20px;gap:12px;}
	.wb_con .wb2>a{width: calc(50% - 6px);display:block;padding:10px 0;}
	.wb_con .wb2>a .icon{width: 100%;height: 90px;}
	.wb_con .wb2>a .h{width: 100%;padding: 0 10px;text-align: center;font-size:14px;}
	
	.sup_con .sup1{height: 100vw;}
	.sup_con .sup1 .banner .txt{left: 20px;width: calc(100% - 40px);}
	.sup_con .sup1 .banner .txt .tit{font-size: 26px;}
	.sup_con .sup1 .banner .txt .p{font-size: 13px;}
	.sup_con .sup2{padding: 50px 20px;gap:40px;}
	.sup_con .sup2 .item{width: 100%;}
	.sup_con .sup2 .item .pic{height: 45vw;}
	.sup_con .sup2 .item .h{font-size: 20px;}
	.sup_con .sup2 .item .p{font-size: 13px;}
	.sup_con .sup2 .bottom{display: block;}
	.sup_con .sup2 .bottom .pic{width: 100%;height:45vw}
	.sup_con .sup2 .bottom .txt{width: 100%;padding:20px;}
	.sup_con .sup2 .bottom .txt .h{font-size: 20px;margin-bottom: 0.08rem;}
	.sup_con .sup2 .bottom .txt .p{font-size: 13px;}
	
	.more{font-size: 13px;}
	.supwp_con .supwp1{height: 100vw;}
	.supwp_con .supwp1 .banner .txt{left: 20px;width: calc(100% - 40px);}
	.supwp_con .supwp2{padding: 50px 20px;}
	.supwp_con .supwp2 .bottom .item{padding: 20px 12px;display: block;}
	.supwp_con .supwp2 .bottom .item .icon{width: 100%;height: 40px;margin-bottom:12px;}
	.supwp_con .supwp2 .bottom .item .txt{width: 100%;text-align:center;}
	.supwp_con .supwp2 .bottom .item .txt .h{font-size: 14px;transform:translateY(0)!important;opacity:1!important;}
	.supwp_con .supwp2 .bottom .item .txt .p{font-size: 13px;transform:translateY(0)!important;opacity:1!important;}
	.supwp_con .supwp2 .px{font-size: 12px;}
	
	.suptec1{padding: 150px 20px 50px 20px;}
	.suptec1 .top{margin-bottom: 30px;}
	.suptec1 .top .tit{font-size: 26px;}
	.suptec1 .top .p{font-size: 15px;}
	.suptec1 form{padding: 30px 20px;gap:16px;}
	.suptec1 form .input{width: 100%!important;line-height:1.3}
	.suptec1 form .radio-boxs span.f-16{font-size: 13px;}
	.suptec1 form .input input[type="text"]{line-height: 36px;font-size:13px;}
	.suptec1 form .input textarea{line-height: 36px;font-size: 13px;}
	.suptec1 form .input .txt1 .upload-wrap .upload-btn{font-size: 12px;}
	.suptec1 form .agree{font-size: 12px;line-height:1.3;}
	.suptec1 form .agree .kuai{margin-top: 3px;}
	.supfaq_con .supfaq1{height: auto;} 
	.supfaq_con .supfaq1 .banner{height: auto;}
	.supfaq_con .supfaq1 .banner>img{height: 100vw;}
	.supfaq_con .supfaq1 .banner .txt .tit{font-size: 26px;margin-bottom: 50px;}
	.supfaq_con .supfaq1 .banner .txt form{width: calc(100% - 40px);padding-left:16px;}
	.supfaq_con .supfaq1 .banner .txt form button{width: 80px;}
	.supfaq_con .supfaq1 .banner .txt form img{width: 15px;margin-right: 10px;}
	.supfaq_con .supfaq1 .banner .txt form span{margin-right: 10px;}
    .supfaq_con .supfaq1 .banner .txt form input{margin-right: 10px;width:calc(100% - 126px);font-size:13px;}
	.supfaq_con .supfaq1 .banner .tab{position: static;transform: translateY(0);width:calc(100% - 40px);margin:30px auto;padding:20px 15px;flex-wrap:wrap;gap:10px;justify-content:flex-start;font-size:13px;}
	.supfaq_con .supfaq2{padding: 20px 20px 50px 20px;}
	.supfaq_con .supfaq2 .tit{font-size: 26px;margin-bottom: 30px;}
	.supfaq_con .supfaq2 .list .item .p1{font-size: 14px;}
	.supfaq_con .supfaq2 .list .item .p1 .lt,.supfaq_con .supfaq2 .list .item .ps .p2{gap: 10px;}
	.supfaq_con .supfaq2 .list .item .p1 .lt img,.supfaq_con .supfaq2 .list .item .ps .p2 img{width: 16px;height: 16px;}
	.supfaq_con .supfaq2 .list .item .p1 .lt span,.supfaq_con .supfaq2 .list .item .ps .p2 span{width: calc(100% - 26px);}
	.supfaq_con .supfaq2 .list .item .ps .p3{width: 100%;word-break: break-word;}
	.supfaq_con .supfaq2 .list .item .ps{font-size: 13px;}
	.supfaq_con .supfaq3{padding: 50px 20px;}
	.supfaq_con .supfaq3 .top{text-align: center;margin-bottom: 30px;}
	.supfaq_con .supfaq3 .top .tit{font-size: 26px;}
	.supfaq_con .supfaq3 .top .p{font-size: 14px;}
	.supfaq_con .supfaq3 .con .pic{display: none;}
	.supfaq_con .supfaq3 .con .txt{width: 100%;padding: 30px 20px;gap:16px;}
	.supfaq_con .supfaq3 .con .txt .input{width: 100%;}
	.supfaq_con .supfaq3 .con .txt .input .name{font-size: 13px;}
	.supfaq_con .supfaq3 .con .txt .input input{line-height: 36px;font-size: 13px;}
	.supfaq_con .supfaq3 .con .txt .input textarea{line-height: 36px;font-size: 13px;}
	
	.cat2{padding: 50px 20px 0 20px;}
	.cat2 .tit{font-size: 26px;text-align: center;margin-bottom: 30px;}
	.cat2 .list .item{width: 100%;padding:26px 20px;}
	.cat2 .list .item .h{font-size: 16px;margin-bottom: 12px;}
	.cat2 .list .item .p1{font-size: 13px;}
	.cat2 .list .item .p2{font-size: 13px;}
	.cat3{padding: 50px 20px 0 20px;}
	.cat3 .tit{font-size: 26px;margin-bottom: 30px;}
	.cat3 .map .list .item .h{font-size: 14px;}
	.cat3 .map .list .item .p{font-size: 12px;}
	.cat3 .bottom{flex-wrap: wrap;}
	.cat3 .bottom .box{width: 100%;padding:26px 20px;}
	.cat3 .bottom .box .h{font-size: 16px;}
	.cat3 .bottom .box ul{font-size: 13px;}
	.cat4{padding: 30px 20px 50px 20px;}
	.cat4 form{padding: 30px 20px;gap:16px;}
	.cat4 form .input{width: 100%!important;line-height:1.3}
	.cat4 form .input input[type="text"]{line-height: 36px;font-size:13px;}
	.cat4 form .input textarea{line-height: 36px;font-size: 13px;}
	
	
	.pl_con .pl1{height: 100vw;}
	.pl_con .pl1 .txt{left: 20px;width: calc(100% - 40px);}
	.pl_con .pl1 .txt .tit{font-size: 26px;}
	.pl_con .pl1 .txt .p{font-size: 15px;}
	.pl_con .com_tab{display: none;}
	.pl_con .con{padding: 50px 20px 0 20px;}
	.pl_con .con .tit{font-size: 26px;margin-bottom: 30px;}
	.pl_con .con .top .txt{padding: 0 15px 20px 15px;display:block;}
	.pl_con .con .top .txt .p{width: 100%;font-size: 14px;margin-bottom:20px;}
	.pl_con .con .bottom{width: calc(100% + 40px);margin-left:-20px;gap:10px;padding:0 10px;}
	.pl_con .con .bottom .list{width: calc(100% - 60px);}
	.pl_con .con .bottom .list .swiper-slide .h{font-size: 15px;}
	.pl_con .con .top{margin-bottom: 20px;}
	
	
	.ipart1 .other{display: none;}
	.ipart1 .banner .slide-inner .txt{left:0;top:15vh;width:100%;padding:0 20px;}
	.ipart1 .banner .slide-inner .txt .p1{font-size: 14px;}
	.ipart1 .banner .slide-inner .txt .title{font-size: 60px;}
	.ipart1 .banner .slide-inner .txt .p2{font-size: 14px;margin-bottom:29px;}
	.ipart1 .dots-wrap{bottom: 5vh;}
	.ipart1 .banner .slide-inner>img.pimg{display: none;}
	.ipart1 .banner .slide-inner>img.mimg{display: block;}
	
	.ipart2{padding: 26px 20px 0 20px;gap:25px;}
	.ipart2 .item{width: 100%;height:91.73vw;}
	.ipart2 .item .txt{padding: 0 12px;}
	.ipart2 .item1{width: 100%;height:50vw;}
	
	.ipart3{padding:70px 20px 40px 20px;}
	.ipart3 .tit{font-size: 30px;margin-bottom: 30px;}
	.ipart3 .con{padding:35px 15px;display: block;}
    .ipart3 .con .left{width: 100%;}
    .ipart3 .con .right{width: 100%;}
    .ipart3 .con .right .txts{width: 100%;margin-left: 0;margin-bottom: 30px;text-align:center;}
    .ipart3 .con .right .txts .more1{transform: translateX(0);margin: 0 auto;}
    .ipart3 .con .right .tabs .btn{width: 26px;height: 26px;}
    .ipart3 .con .right .tabs .tab{width: calc(100% - 60px);}
    
    .ipart4{height:110vw}
    .ipart4 .txt{top: 5.2vh;left: 0;width: 100%;text-align: center;transform:translateY(0)!important;}
    .ipart4 .center{top: 20vw;left: 15vw;width: 70vw;height: 70vw;}
    .ipart4 .center .pics .pic img{height: 100%!important;transform: translate3d(0,0,0)!important;}
    .ipart4 .right{left: 20px;right: auto;top: auto;bottom: 30px;width: calc(100% - 40px);height: 13.33vw;display:flex;align-items:center;gap:10px;transform:translateY(0);}
	.ipart4 .right .prev,.ipart4 .right .next{width: 30px;height: 30px;margin: 0;transform: rotate(-90deg);}
	.ipart4 .right .tabs{width: calc(100% - 80px);height:100%;}
	
	.ipart5{padding:70px 0 0 0;}
	.ipart5 .tit{font-size: 30px;margin-bottom: 26px;}
	.ipart5 .con .swiper-slide{height: 47vw;}
	.ipart5 .con .swiper-slide .txt{left: 10px;width: 36vw;font-size:14px;bottom:10px;height:auto;}
	.ipart5 .con .swiper-slide .more{right:10px;bottom:10px;}
	
	.ipart6{padding:70px 20px 0 20px;}
	.ipart6 .tit{font-size: 30px;margin-bottom: 25px;line-height: 1.1;}
	.ipart6 .con .box1{width: 100%;height: auto;display:block;background-color:transparent;margin-bottom:30px;}
	.ipart6 .con .box1 .pic{width: 100%;height: 49vw!important;}
	.ipart6 .con .box1 .txt{width: 100%;padding:25px 0 0 0;}
	.ipart6 .con .box .txt .day{font-size: 12px;margin-bottom: 12px;line-height:1.6;}
	.ipart6 .con .box1 .txt .h{font-size: 20px;line-height: 1.25;margin-bottom: 18px;}
	.ipart6 .con .box1 .txt .p{font-size: 14px;line-height:1.5;height:4.5em;}
	
	.ipart6 .con .box{width: 100%;margin-bottom:30px;display:block;height: auto;display:block;background-color:transparent;}
	.ipart6 .con .box .pic{width: 100%;height: 49vw!important;border-radius:10px;}
	.ipart6 .con .box .txt{width: 100%;padding:25px 0 0 0;}
	.ipart6 .con .box .txt .h{font-size: 20px;line-height: 1.25;margin-bottom: 18px;}
	.ipart6 .con .box .txt .p{font-size: 14px;line-height:1.5;height:4.5em;}
	.ipart6 .more{margin-top: 0;}
	
	.ipart7{padding:70px 20px 70px 20px;}
	.ipart7 .tit{font-size: 30px;margin-bottom: 25px;line-height: 1.1;}
	.ipart7 .con{gap: 10px;flex-wrap:wrap;}
	.ipart7 .con .item{width: calc(50% - 5px);}
	.ipart7 .con .item .h{font-size: 16px;margin-bottom: 7px;}
	.ipart7 .con .item .p{font-size: 10px;}
	
	.pd_top{display: none;}
	
	
	.pd1 .pic img.pimg{display: none;}
	.pd1 .pic img.mimg{display: block;}
	.pd1 .txt{left:0;top:15vh;width:100%;padding:0 20px;}
	.pd1 .txt .p1{font-size: 14px;}
	.pd1 .txt .title{font-size: 60px;}
	.pd1 .txt .p2{font-size: 14px;margin-bottom:29px;}
	.pd2{padding:30px 20px;}
	.pd2 .txt{width: 100%;font-size:16px;line-height:1.6;margin-bottom:50px;}
	.pd2 .list{flex-wrap: wrap;gap: 26px;margin-bottom:100px;}
	.pd2 .list .item{width: calc(50% - 13px);}
	.pd2 .list1s{padding: 0 0 40px 0;}
	.pd2 .list1 .item1{padding: 24px 16px;}
	.pd2 .list1s .prev{width: 26px;height: 26px;left: calc(50% - 30px);top:auto;bottom:0;transform:translateY(0);}
	.pd2 .list1s .next{width: 26px;height: 26px;right: calc(50% - 30px);top:auto;bottom:0;transform:translateY(0);}
	.pd2 .list1 .item1 .txt1 .p1{font-size: 13px;}
	.pd3{height:177vw;}
	.pd3 .bj .pimg{display: none;}
	.pd3 .bj .mimg{display: block!important;}
	.pd3 .txt{top: 65px;left: 0;width: 100%;padding: 0 20px;transform:translateX(0);}
	.pd3 .txt .tit{font-size: 30px;margin-bottom: 15px;}
	.pd3 .txt .p{font-size: 14px;}
	
	.pd4{height: 177vw;}
	.pd4 .txt{top: 50px;left: 0;width: 100%;transform: translateY(0);padding:0 20px;}
	.pd4 .txt .tit{font-size: 30px;margin-bottom: 15px;text-align: center;}
	.pd4 .txt .p{font-size: 14px;text-align: center;}
	.pd4 .txt .list .item .p1{font-size: 13px;}
	.pd4 .txt .list .item .p2{font-size: 13px;}
	.pd4 .bj .pimg{display: none;}
	.pd4 .bj .mimg{display: block!important;}
	
	.pd5{padding: 70px 20px 0 20px;}
	.pd5 .tit{font-size: 30px;margin-bottom: 15px;}
	.pd5 .p{width: 100%;font-size: 14px;margin-bottom:35px;}
	.pd5 .pic{height: 39.46vw;}
	
	.pd6{height:calc(177vw + 45px);padding-top:45px}
	.pd6 .bj .pimg{display: none;}
	.pd6 .bj .mimg{display: block!important;}
	.pd6 .txt{top: 95px;left: 0;width: 100%;transform: translateY(0);padding:0 20px;}
	.pd6 .txt .tit{font-size: 30px;margin-bottom: 15px;text-align: center;}
	.pd6 .txt .p{font-size: 14px;text-align: center;}
	
	.pd7{padding:70px 20px 45px 20px;}
	.pd7 .item{display: block;margin-bottom:70px;}
	.pd7 .item .pics{width: 100%;height: 59vw;}
	.pd7 .item .txt{width: 100%;padding-top: 30px;}
	.pd7 .item .txt .h{font-size: 22px;margin-bottom: 15px;}
	.pd7 .item .txt .p{font-size: 14px;}
	
	.pd8{padding:70px 0 0 0;}
	.pd8 .topx{padding: 0 20px;}
	.pd8 .topx .pdmean .sel{left: auto;transform:translateX(0%);right:0;width: 150px;}
	.pd8 .con .top-bar label,.pd8 .con .pd8-row-title{padding-left: 20px;width: 120px!important;}
	.pd8 .con .pd8-section-title{padding: 12px 20px;width:100vw!important;}
	.pd8.pdcx{padding-top: 120px;}
	.pd8.pdcx .topx{padding:0;}
	
	
	.pd9{padding: 70px 0;}
	.pd9 .tab{padding: 0 20px;gap:12px;font-size:14px;}
	.pd9 .lists{padding: 0 20px;}
	.pd9 .list .item{width: 100%;}
	.pd9 .list .item .h{font-size: 16px;}
	.pd9 .list .item .p{font-size: 12px;}
	.product_tc{padding: 20px;}
	
	.pd10{padding: 70px 0;}
	.pd10 .tit{font-size: 30px;margin-bottom: 30px;}
	.pd10 .bottom{padding-bottom: 40px;position:relative;width:100%;margin-left:0}
	.pd10 .bottom .btn{position: absolute;bottom: 0;width: 26px;height: 26px;}
	.pd10 .bottom .btn.prev{left: calc(50% - 30px);}
	.pd10 .bottom .btn.next{right: calc(50% - 30px);}
	.pd10 .bottom .list{width: 100%;}
	.pd10 .bottom .list .swiper-slide .txt{padding: 16px;}
	.pd10 .bottom .list .swiper-slide .txt .h{font-size: 16px;}
	.pd10 .bottom .list .swiper-slide .txt .p{font-size: 12px;}
	
	.pd11{padding:70px 20px 0 20px;}
	.pd11 .tit{font-size: 30px;margin-bottom: 30px;}
	.pd11 .con{display: block;}
	.pd11 .con .left{width: 100%;margin-bottom:50px;}
	.pd11 .con .left .pics{height: 69.5vw;}
	.pd11 .con .left .h{font-size: 18px;}
	.pd11 .con .left .p{font-size: 13px;}
	.pd11 .con .right{width: 100%;}
	.pd11 .con .right .item{padding: 12px;}
	.pd11 .con .right .item .h{font-size: 14px;}
	.pd11 .con .right .item .p{font-size: 13px;}
	
	.pd12{padding:50px 20px 30px 20px;}
	.pd12 .tit{font-size: 30px;margin-bottom: 30px;}
	.pd12 .list{padding-bottom: 40px;}
	.pd12 .list .swiper-pagination-bullet-active{background-color: var(--vi);}
	.pd12 .swiper-slide .h{font-size: 16px;}
	.pd12 .swiper-slide .p{font-size: 13px;}
	
	.pd13{padding:70px 20px;position:relative;z-index:2;height:auto;}
	.pd13 .bj{position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;}
	.pd13 .form{position:static;width:100%;transform:translate(0,0);padding:50px 20px;}
	.pd13 .form .tit{font-size: 30px;margin-bottom: 26px;text-align: center;}
	.pd13 .form .input{width: 100%;margin-bottom: 20px;}
	.pd13 .form .input .name{font-size: 14px;line-height: 1.64;}
	.pd13 .form .input input{line-height: 30px;}
	
	.supwp_con .com_tab{display: none;}
	.supwp_con .supafter2{padding: 40px 20px 70px 20px;}
	.supwp_con .supafter2 .item{padding-top: 30px;display:block;}
	.supwp_con .supafter2 .item .pic{width: 100%;height: 100vw;}
	.supwp_con .supafter2 .item .txt{width: 100%;padding-top: 30px;}
	.supwp_con .supafter2 .item .txt .num{top: -0.3rem;}
	
	.z_tanchuang .tbox .modal .out{top: -50px;right: 0;}
	.bec_con .com_tab{display: none;}
	.seh_con{padding: 140px 20px 70px 20px;}
	.seh_con .top{padding: 0;}
	.seh_con .top .tit{font-size: 30px;margin-bottom: 12px;}
	.seh_con .top .p{font-size: 14px;}
	.seh_con .top .ul{flex-wrap: wrap;font-size:13px;gap:5px;}
	.seh_con .bottom{padding: 0;}
	.seh_con .bottom .list .item{display: block;}
	.seh_con .bottom .list .item .pic{width: 100%;height: 76vw;margin-bottom:20px;}
	.seh_con .bottom .list .item .txt{width: 100%;}
	
	.seh_con .top form{width: 100%;padding-left:16px;}
	.seh_con .top form button{width: 80px;}
	.seh_con .top form img{width: 15px;margin-right: 10px;}
	.seh_con .top form span{margin-right: 10px;}
	.seh_con .top form input{margin-right: 10px;width:calc(100% - 126px);font-size:13px;}
	
	.resouttc .con{max-width: 90%;}
	.rformtc .p{font-size: 13px;}
	.rformtc .input input,.rformtc .input textarea{font-size: 13px;}
	
	.pd7 .item .txt .p{max-height: 9999px;}
	.product_tc .con .top .bt{font-size: 12px;}
	.cat3 .map .list .item .txt{transform: translateY(-70%);}
	.cat3 .map .list .item .p{font-size: 10px;}
	.ipart1 .banner .slide-inner .txt img{height: auto;}
	.pd1 .txt{top: 20vh;}
	.pd1 .Breadcrumbs{top: 1.4rem;}
	.ipart3 .con .left .pic img{object-fit: contain};
}

@media screen and (max-width: 668px) {}