@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins-Medium.ttf');
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins-Regular.ttf');
  font-weight: normal;
  font-display: swap;
}

body {font-family: 'Poppins'; font-weight: normal; --hover-color:#da141c;--white:#fff; --black:#000; --grey:#333; --grey2:#666; --rgb-white:255,255,255;--rgb-black:0,0,0; font-size: var(--font-size14);--rgb-hover:218,20,28; --radius: .2rem;background: #f1f1f1;}

a:hover{color:var(--hover-color); }


/*effict*/
.Scale-img {overflow: hidden; zoom:1; overflow: hidden;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;}
.Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.05,1.05,1.05);transform: scale3d(1.05,1.05,1.05); top:0px; left:0px;}
.effict{transition: all ease 0.3s;}
.imgbox{ overflow:hidden; position:relative;}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;display: flex;align-items: center;justify-content: center;transition: all .5s;-webkit-transition: all .3s;}
.imgbox img{ width:100%;height:100%;object-fit: cover;transition: all ease 0.3s;}

.itemhover{transition: all ease 0.3s;}
.activehover{box-shadow: 0px 3px 18px 0px rgba(var(--rgb-hover),0.2) !important;-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);}

.nones{ position:absolute; visibility:hidden; opacity:0; top:0;width: 100%;z-index: -10;left: 0;}


.Hometitle {margin-bottom: 0.4rem;position: relative;z-index: 1;line-height: 1;}
.Hometitle .cn {font-size: var(--font-size45);color: var(--black);font-weight: 500;letter-spacing: -0.02rem;}
.Hometitle.white .cn {color: #fff;}
.Hometitle.center{ text-align: center;}


.Homemore a{display:inline-flex;align-items:center;background-color:var(--white);border-radius:0.5rem;border:solid 1px var(--hover-color);line-height:0.5rem;padding-left:0.24rem;padding-right:0.04rem;position:relative;font-size: var(--font-size14);}
.Homemore a span{position:relative;display:block;z-index:2}
.Homemore a:after,
.Homemore a::before{width:0.42rem;height:0.42rem}
.Homemore a:after{display:block;content:'';background-position:center center;background-repeat:no-repeat;background-size:contain;background-image:url(../images/more-on.svg);background-size:auto 0.14rem;margin-left:0.24rem;position:relative;z-index:2}
.Homemore a::before{position:absolute;content:'';right:0.04rem;border-radius:0.6rem;top:0.04rem;background-color:var(--hover-color);z-index:1;transition:width 0.3s}
.Homemore a:hover{color:var(--white)}
.Homemore a:hover:before{width:calc(100% - 0.08rem)}
.Homemore.white a{ background: none;}
.Homemore.white span{color:var(--white)}

@media(max-width: 1024px) {
.Hometitle .cn {font-size: var(--font-size36);}

}



/*Top003124 */
.Top003124{ }
@media (min-width:1025px) {
.Top003124{position: relative;width: 100%;left: 0;top: 0;z-index: 100;transition:0.3s;border-bottom: 1px solid #ebebeb;}
.Top003124.fixed{position: fixed;}
.Top003124.hover{background-color: #fff; }
.Top003124.hover .logo .white,
.Top003124:not(.hover) .logo .red{display: none;}
.Top003124:not(.hover),
.Top003124:not(.hover) a:not(:hover){color: #fff;}
}
@media (max-width:1024px) {
.Top003124{ height: 0.55rem;}
.Top003124 .wap-fixed{position: fixed;width: 100%;left: 0;top: 0;z-index: 100;background-color: #fff; }
.Top003124 .logo .white{display: none;} 
.Top003124 .auto{position: relative; border-top: 1px solid #eee;}
}

.Top003124 .logo{float: left;display: table;height:0.7rem;}
.Top003124 .logo a{display: table-cell; vertical-align: middle;}
.Top003124 .logo img{height: 0.5rem;}
@media (max-width:1024px) {
.Top003124 .logo{height: 0.55rem;}
.Top003124 .logo img{height: 0.4rem;}
}

.Top003124 .top-nav dd{}
.Top003124 .top-nav dd.oa a{display: block; border: 1px solid #ccc;border-radius: 50%;text-align: center;}
.Top003124.hover .top-nav dd.oa a{border-color: #ccc;}
.Top003124 .top-nav dd.lang{padding-top: 0;position: relative;}
.Top003124 .top-nav dd.lang a:hover{color:var(--hover-color);}
.Top003124 .top-nav dd.lang .icon{width:2.25em;height:2.25em;background-image:url(../images/lang2.svg);background-size:1.355em;background-repeat:no-repeat;background-position:center;position:relative;}

.Top003124 .top-nav dd.lang .lang_box{position: absolute; left: 50%; width: 100px;margin-left: -50px; z-index: 100;background: #fff;border-radius: 0 0 6px 6px; top: 100%; padding: 10px 0;display: none;}
.Top003124 .top-nav dd.lang .lang_box a{display: block;line-height: 30px;text-align: center;}

@media(max-width:640px){    
.Top003124 .top-nav dd.lang > span{font-size: 0;}
}

.Top003124 .top-nav dd.stock b{font-weight: normal;}
@media(min-width:1025px) and  (max-width:1770px) {

}
@media (min-width:1025px) {
.Top003124 .top-nav{float: right; margin-left: calc(60 / 1920 * 100vw);padding-top: 0.15rem; font-size: var(--font-size15); }
.Top003124 .top-nav dd{float: left;line-height:0.4rem;}
.Top003124 .top-nav dd.oa{margin-left: 0.5rem;}
.Top003124 .top-nav dd.oa a{width:2.5714em;}
.Top003124 .top-nav dd.stock{margin-right: 2.1428em;padding-right: 2.1428em;border-right: 1px solid rgba(255,255,255,0.1);}
.Top003124:not(.hover) .top-nav dd.stock{border-right-color: #fff;}
}
@media (max-width:1024px) {
.Top003124 .top-nav{/* position: absolute; right: 0.8rem; */ display: flex;align-items: center; /* margin-bottom: 0.5em; */}
.Top003124 .top-nav dd{line-height: 2;}
.Top003124 .top-nav dd:not(:last-child){margin-right: 0.2rem;}
.Top003124 .top-nav dd.oa a{width:2em;}
}

.Top003124 menu li span{display: block;}
.Top003124 menu li:hover span a{color: var(--hover-color);}
@media (min-width:1025px) {
.Top003124 menu{/* display: table; margin: 0 auto; */ padding-left: 2rem;}
.Top003124 menu li{float: left;}  
.Top003124 menu li:not(:last-child){margin-right:calc(65 / 1920 * 100vw);}
.Top003124 menu li span a{line-height:0.7rem;font-size: var(--font-size16); font-weight: 500;}  
.Top003124 menu li span a{display: block;position: relative;z-index: 1; color: var(--black); }
.Top003124 menu li span a:after{position: absolute;content: '';width: 0; left: 50%; transform: translateX(-50%); bottom: -1px; height: 2px;background-color: var(--hover-color); transition: 0.3s;}
.Top003124 menu li:hover span a:after,
.Top003124 menu li.aon span a:after{width: 100%;}
.Top003124 menu li:hover span a,
.Top003124 menu li.aon span a{color: var(--hover-color);}
.Top003124 menu li .sub{position: absolute; top: 100%; background-color: #fff;border-radius: 0 0 5px 5px; overflow: hidden;width: 160px;margin-left: -80px;}
.Top003124 menu li .sub dd:hover a{color: var(--hover-color);}
}


@media (max-width:1024px) {
.Top003124 header {display: flex;justify-content: space-between;align-items: center;}
.Top003124 menu{position: fixed; left: -100%;top:0.55rem;height: calc(100% - 0.55rem); overflow: auto; background-color: #fff; width: 240px;opacity: 0;transition: 0.3s ease;}   
.menu-show .Top003124 menu{left: 0; opacity: 1; transform:translateX(0);}
.Top003124 menu li{ border-bottom: 1px solid #eee;}
.Top003124 menu li span{padding-top: 0.16rem; padding-bottom: 0.16rem;padding-left: 0.16rem;font-size: var(--font-size18);font-weight: 500;}
.Top003124 .open-menu {width: 0.3rem;height: 0.24rem;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between;transition: 0.3s;/* position: absolute;right: 0 */}
.Top003124 .open-menu i{background: #000;}
.Top003124 .has-sub span .op:before,
.Top003124 .has-sub span .op:after{background-color: #ccc;}
.Top003124 menu li .sub{background-color: #f1f1f1;}
.Top003124 menu li:nth-child(2) span .op {display: none;}
}

.Top003124 .top-search{display: block; padding: 0; margin-left: calc(20 / 1920 * 100vw);}
.Top003124 .top-search .box{position: relative;  background-color: rgba(163,163,163,0.1); overflow: hidden;}
.Top003124 .top-search .box .text{width: 100%;display: block; line-height: 0.36rem;height: 0.36rem; font-size: var(--font-size14); background: rgba(0, 0, 0, 0.02); border: 0; padding-left: 0.2rem;color: rgba(51, 51, 51, 0.5);}
.Top003124 .top-search .box .text.focus{color: #000;}
.Top003124 .top-search .box .btn{position: absolute;top: 0;width: 0.42rem; height: 100%; background: url(../images/search.svg) no-repeat center center;background-size: 0.17rem auto; cursor: pointer;}

@media (min-width:1025px) {
.Top003124 .top-search .box{width: 7rem; border-radius: 0.5rem; transition: 0.3s;}
.Top003124 .top-search.show .box{/* width: calc(200 / 1920 * 100vw); */}
.Top003124 .top-search .box .btn{ }
}

@media(max-width:1600px){
.Top003124 .top-search .box{width: 5rem; }
}

@media (max-width:1024px) {
.Top003124 .top-search{margin: 0 5vw 0 0; position: inherit;}
.Top003124 .top-search .box{top: 100%; left: 0;width: 100%; opacity: 1; position: absolute; display: none; background-color: #fff;}
.Top003124 .top-search .box .btn{ right: 0;}
.Top003124 .top-search .box .text{padding: 0 0.4rem 0 0.2rem;}
.Top003124 .open-search{ width: 0.24rem; height: 0.24rem; background: url(../images/search.svg) no-repeat center center; background-size: contain;display: block; position: relative;}
.Top003124 .open-search.on{width: 0.3rem; height: 0.3rem; }
.Top003124 .open-search.on:after,
.Top003124 .open-search.on:before{background-color: #00192b;}
}


@media(min-width:1025px){
.Top003124 menu li.promenu{position: static;}
.Top003124 menu li.promenu .navpull{position: absolute;top:100%;width:100%;left:0 !important;background: #fff;z-index:999;border-top:1px solid #e5e5e5;margin-left:0;box-shadow: 0 10px 10px rgba(0,0,0,0.1);}
.Top003124 .wap-fixed{position: relative;}
.Top003124 menu li.promenu .navpull .navpullbox{padding:2% 0 3% 0;text-align: center;}
.Top003124 menu li.promenu .navpull .navtab{margin-bottom:10px;}
.Top003124 menu li.promenu .navpull .navtab dl dt{display: inline-block;margin:0 25px;font-size: 16px;font-weight: bold;}
.Top003124 menu li.promenu .navpull .navtab dl dt.on a{color:#1e3585;}
.Top003124 menu li.promenu .navpull .navtabcon .navtabbox{display: none;}
.Top003124 menu li.promenu .navpull .navtabcon .navtabbox dl dd{width:180px;margin:0 10px;margin-bottom:20px;display: inline-block;}
.Top003124 menu li.promenu .navpull .navtabcon .navtabbox dl dd .img{height:120px;line-height: 120px;border:1px solid #eee;overflow: hidden;}
.Top003124 menu li.promenu .navpull .navtabcon .navtabbox dl dd .img img{max-height:80%;max-width:80%;transition: all .3s;-webkit-transition: all .3s;}
.Top003124 menu li.promenu .navpull .navtabcon .navtabbox dl dd:hover .img img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.Top003124 menu li.promenu .navpull .navtabcon .navtabbox dl dd .ti{margin-top:10px;}
.Top003124 menu li.promenu .navpull  dl dd:hover a{color: var(--hover-color);}
.Top003124 menu li.promenu .navpull .navtabcon .navtabbox .navmore a{font-size: 14px;font-weight: bold;color:#1e3585;}

.navpull1{width: 100%;margin: 0 auto;}
.navpull1 .navpul_box{padding:0.3rem 0 ; column-count: 5;}
.navpull1 .navpul_box .nav_ab{page-break-inside: avoid;break-inside: avoid;}
.navpull1 .navpul_box .nav_ab dl dt{ padding: 0; margin-bottom: 0.12rem;text-align: left;}
.navpull1 .navpul_box .nav_ab dl dt a{font-weight: 500;font-size:var(--font-size18);color: var(--black);}
.navpull1 .navpul_box .nav_ab{padding: 0;}
.navpull1 .navpul_box .nav_ab:nth-child(2){}
.navpull1 .navpul_box .nav_ab dd{line-height: 0.24rem;font-size:var(--font-size14);margin-bottom:0.05rem;}
.navpull1 .navpul_box .nav_ab dd a{color: var(--grey2);}
.navpull1 .navpul_box .nav_ab a:hover{color: var(--hover-color);}
.navpull1 .navpul_box .nav_ab dd{ position: relative; }
.Top003124 .open-search{height:100%;}
}

@media(max-width:1024px){
.navpull1 .navpul_box .nav_ab dl dt{ padding: 0; margin-bottom: 0.12rem;text-align: left; }
.navpull1 .navpul_box .nav_ab dl dt a{font-weight: 500;font-size:var(--font-size18);color: var(--black);}
.navpull1 .navpul_box .nav_ab dd{line-height: 0.24rem;font-size:var(--font-size16);margin-bottom:0.05rem;}
}




.HomeBan{overflow: hidden; position: relative; padding-top: var(--padMar50); }
.HomeBan .list{position: relative;border-radius: var(--radius);overflow: hidden; }
.HomeBan li{position: relative;}
.HomeBan li .img { border-radius: var(--radius);overflow: hidden; }
.HomeBan li .img img{border-radius: var(--radius);}
.HomeBan li .txt{position: absolute;width:100%;left:0;top:50%;transform: translateY(-50%);color:#fff;}
.HomeBan li .txt .tit {font-size: var(--font-size48);line-height: 1.3;  margin-bottom: 0.2rem;}
.HomeBan li .txt .tit span{font-size: var(--font-size60);font-weight: bold;}
.HomeBan li .txt .desc{font-size: var(--font-size18); line-height: 1.875;}
.HomeBan li .txt .Homemore{margin-top:0.4rem;}

.HomeBan .controls .l-top {top: -0.59rem;right: 0;left: auto;}
.HomeBan .controls {position: absolute;right: 0;z-index: 10; bottom: 0;padding-left: 0.25rem;padding-top:  0.25rem;background-color: #f1f1f1;border-top-left-radius: 0.3rem;display: flex;align-items: center;gap: 0.3rem;}
.HomeBan .arrow{position: relative;}
.HomeBan .slick-arrow{width: 0.5rem; height: 0.5rem;  border-radius: 50%; z-index: 22;position: static;top: 50%; padding: 0;right: 0;text-indent: -9999em;transition: 0.5s; background: #fff; transform: translate(0, 0%);}
.HomeBan .slick-arrow:before{position: absolute; content: ''; width: 20%; height: 20%;border-left: 2px solid var(--hover-color);border-top: 2px solid var(--hover-color); transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg); left: 40%; top: 40%;}
.HomeBan .slick-next:before{transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);}
.HomeBan .slick-arrow:hover {background-color: var(--hover-color);border-color: var(--hover-color);}
.HomeBan .slick-arrow:hover:before{ border-color: #fff;}
.HomeBan .slick-prev{right: 0rem; margin-right: 0.15rem;}
.HomeBan .slick-next{right: 0rem;}
.HomeBan .slick-arrow.slick-disabled{ opacity: 0.5;}

.HomeBan .slick-pages{font-size: var(--font-size16);line-height: 1;color:var(--black);display: flex;gap: 0.1rem;}
.HomeBan .slick-pages #cur{font-size: var(--font-size30);min-width: .3rem; text-align: center}


@media (min-width:1025px) {
.HomeBan .wap{display: none;} 
.HomeBan .text{width: 45%;}
}
@media(max-width:1024px){
.HomeBan .pc{display: none;} 
.HomeBan li .txt .text{font-size: 0.4rem;}
.HomeBan li .txt .btn a{line-height: 0.45rem;padding:0 0.2rem;}
.HomeBan .slick-dots{bottom:0.2rem;}
}





.HomeHot{ padding: var(--padMar80) 0; overflow: hidden;}
.HomeHot .list{/* margin: 0 -0.1rem; */position: relative;}
.HomeHot .scolor {position: absolute;top: 0rem;left: 0rem;z-index: 3;/* display: flex;flex-direction: column; */gap: 0.05rem;max-height: calc(100% - 0.2rem);overflow-y: auto; min-height: 1px;width: 0.32rem;}
.HomeHot .item{background-color: #fff;border-radius: var(--radius);height: auto;padding: 0.2rem;border: 1px solid #fff;}
.HomeHot .item .pic{position: relative;}
.HomeHot .item .label{position: absolute;top: 0rem;right:0;z-index: 6;}
.HomeHot .item .new{ font-size: var(--font-size10);color: var(--white); border-radius: 0.5rem; text-align: center;padding: 0 0.04rem;}
.HomeHot .item .new:not(:last-child){ margin-bottom: 0.05rem;}
.HomeHot .item .change{  display: block; height: 100%; overflow: hidden;}
.HomeHot .item:hover{ border-color: var(--hover-color);}
.HomeHot .item .imgbox{padding-top: 100%; transition: 0.3s; margin-bottom: 0.15rem;  }
.HomeHot .item .imgbox img {width: 80%;height: 80%;object-fit: contain;}
.HomeHot .item a:hover .imgbox img{transform: scale(1.1);}
.HomeHot .item .txt {overflow: hidden; text-align: center; }
.HomeHot .item .tit{font-size: var(--font-size16); line-height: 1.5;  font-weight: 500;  margin-bottom: 0.1rem; }
.HomeHot .item .tit a{color: var(--black);}
.HomeHot .item .model {color: var(--grey);font-size: var(--font-size14); line-height: 1.6; }
.HomeHot .item a:hover{color: var(--hover-color);}

.HomeHot .swiper_btns{position: absolute;width: 100%;top: 50%;z-index: 22; padding: 0;transition: 0.5s; transform: translateY(-50%);display: flex;justify-content: space-between;}
.HomeHot .swiper_btn{width: 0.5rem; height: 0.5rem;  border-radius: 0.5rem;  background: #fff; position: relative;}
.HomeHot .swiper_btn:before{position: absolute; content: ''; width: 20%; height: 20%;border-left: 2px solid var(--hover-color);border-top: 2px solid var(--hover-color); transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg); left: 40%; top: 40%;}
.HomeHot .next:before{transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);}
.HomeHot .swiper_btn:hover {background-color: var(--hover-color);border-color: var(--hover-color);}
.HomeHot .swiper_btn:hover:before{ border-color: #fff;}
.HomeHot .swiper_btn.swiper-button-disabled{ opacity: 0.5;}
@media (min-width:1025px) { 
.HomeHot .prev{left:-0.65rem;}
.HomeHot .next{right:-0.65rem;}
}
@media (max-width:1400px){
.HomeHot .prev{left:-0.15rem;}
.HomeHot .next{right:-0.15rem;}
}
@media (max-width:1024px) {
.HomeHot .prev{left:0rem;}
.HomeHot .next{right:0rem;}
.HomeHot .swiper_btn{ border: 1px solid var(--hover-color);}
}


.HomeAdv{overflow: hidden; position: relative; }
.HomeAdv .list{position: relative;border-radius: var(--radius);overflow: hidden;}
.HomeAdv li{position: relative;overflow: hidden;}
.HomeAdv li .img { border-radius: var(--radius);overflow: hidden; }

.HomeAdv .controls .l-top {top: -0.59rem;right: 0;left: auto;}
.HomeAdv .controls {position: absolute;right: 0;z-index: 10; bottom: 0;padding-left: 0.25rem;padding-top:  0.25rem;background-color: #f1f1f1;border-top-left-radius: 0.3rem;display: flex;align-items: center;gap: 0.3rem;}
.HomeAdv .arrow{position: relative;}
.HomeAdv .slick-arrow{width: 0.5rem; height: 0.5rem;  border-radius: 50%; z-index: 22;position: static;top: 50%; padding: 0;right: 0;text-indent: -9999em;transition: 0.5s; background: #fff; transform: translate(0, 0%);}
.HomeAdv .slick-arrow:before{position: absolute; content: ''; width: 20%; height: 20%;border-left: 2px solid var(--hover-color);border-top: 2px solid var(--hover-color); transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg); left: 40%; top: 40%;}
.HomeAdv .slick-next:before{transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);}
.HomeAdv .slick-arrow:hover {background-color: var(--hover-color);border-color: var(--hover-color);}
.HomeAdv .slick-arrow:hover:before{ border-color: #fff;}
.HomeAdv .slick-prev{right: 0rem; margin-right: 0.15rem;}
.HomeAdv .slick-next{right: 0rem;}
.HomeAdv .slick-arrow.slick-disabled{ opacity: 0.5;}

.HomeAdv .slick-pages{font-size: var(--font-size16);line-height: 1;color:var(--black);display: flex;gap: 0.1rem;}
.HomeAdv .slick-pages #cur{font-size: var(--font-size30);min-width: .3rem; text-align: center}


.HomeHot2{ padding: var(--padMar50) 0; }


.radius{display: block;position: absolute;width: 0.6rem;height: 0.6rem;box-sizing: border-box;overflow: hidden;transform: rotate(-90deg);}
.radius::before {content: "";display: block;width: 200%;height: 200%;position: absolute;border-radius: 0.3rem;bottom: 0;left: 0;box-shadow: -0.3rem 0.3rem 0 0 #f1f1f1;}
.r-left {left: -0.59rem;bottom: -0.01rem;}
.r-right {right: -0.59rem;bottom: -0.01rem;transform: scale(1,1);}
.l-top {top: -0.59rem;left: 0.36rem;}
.r-top {top: -0.59rem;right: 0.33rem;transform: scale(1,1);}


.HomeAbout{padding:var(--padMar80) 0; overflow: hidden;}
.HomeAbout .Homemore{position: absolute;box-sizing: border-box;padding-left: 0.2rem;padding-right: 0.2rem;padding-top: 0.2rem;padding-bottom: 0.2rem;border-top-left-radius: 0.3rem;border-top-right-radius: 0.3rem;background-color: #f1f1f1;bottom: 0;left: 60.87%;transform: translateX(-50%); z-index: 10}
.HomeAbout .left,
.HomeAbout .right{background: #fff; border-radius: var(--radius); padding: 0.3rem;}
.HomeAbout .left .edit_info{ color: var(--grey);font-size: var(--font-size14); line-height: 1.7;}
.HomeAbout .left .edit_info p{ margin: 0.05rem 0;}
.HomeAbout .left .pic img{border-radius: var(--radius);}

.HomeAbout .number{}
.HomeAbout .number ul {overflow: hidden;}
.HomeAbout .number li{padding: 0.1rem 0; text-align: center;position: relative; }
.HomeAbout .number li aside{display: inline-block;position: relative;line-height: 1;}
.HomeAbout .number li aside b{font-size: var(--font-size40);color: var(--hover-color);display: block; margin-bottom:0.15rem ; }
.HomeAbout .number li aside sub{position: absolute;left: 100%;word-break: keep-all;bottom: 20%;font-size: var(--font-size16);margin-left: 0.1rem;color: #333; }
.HomeAbout .number li aside sup{position: absolute;left: 100%;word-break: keep-all;top: 10%;font-size: var(--font-size16);margin-left: 0.1rem;color: #333;}
.HomeAbout .number li p{font-size: var(--font-size14);color: var(--black); margin: 0;}


.HomeAbout .box{ margin-top: 0.3rem; position: relative;}
.HomeAbout .box .img{padding: 0;border-radius: var(--radius);overflow: hidden}
.HomeAbout .box .img figure{position: relative;}
.HomeAbout .box .img img{position: absolute; width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover;}

@media (min-width:1025px) {
.HomeAbout .intro{ display: flex; flex-wrap: wrap; justify-content: space-between;  }
.HomeAbout .left{width:60%;}
.HomeAbout .right{width:38%;}
.HomeAbout .left{display: flex; justify-content: space-between; align-items: center;}
.HomeAbout .left .pic{width:40%;}
.HomeAbout .left .info{width:57%;}
.HomeAbout .swiper,
.HomeAbout .swiper-wrapper,
.HomeAbout .swiper-slide,
.HomeAbout .swiper-slide figure{height: 100%}
}
@media (max-width:1024px) {
.HomeAbout .number li{ margin-bottom: 0.1rem;}
.HomeAbout .number li aside b{font-size: var(--font-size36);}
.HomeAbout .left,
.HomeAbout .right{padding: 0.2rem;}
.HomeAbout .left,
.HomeAbout .left .pic{ margin-bottom: 0.2rem;}
.HomeAbout .box{margin-top: 0.2rem; }
.HomeAbout .Homemore{left: 50%;padding-left: 0.1rem;padding-right: 0.1rem;padding-top: 0.1rem;padding-bottom: 0.1rem;}
.HomeAbout .l-top,
.HomeAbout .r-top{ display: none;}
.HomeAbout .box .img figure{padding-bottom: 60%}
}


/*Bottom003076 */
.Bottom003076{ background: #f9f9f9;}
.Bottom003076 .bottom nav{padding: 0.4rem 0; border-bottom: 1px solid rgba(0,0,0,0.05);column-count: 5;}
.Bottom003076 .bottom nav dl{/* float: left; max-width: 2rem; */page-break-inside: avoid; break-inside: avoid;margin-right: 0.1rem !important;}
.Bottom003076 .bottom nav dt{font-size: var(--font-size20);color: var(--black); font-weight: 500; margin-bottom: 0.2rem;}
.Bottom003076 .bottom nav dt a{color: var(--black);}
.Bottom003076 .bottom nav dd{line-height: 0.24rem;font-size: var(--font-size14); margin: 0.06rem 0;}
.Bottom003076 .bottom nav dd a:not(:hover){color: var(--grey2);}
.Bottom003076 .copyright{padding: 0.2rem 0;font-size: var(--font-size14);}
.Bottom003076 .copyright,
.Bottom003076 .copyright a:not(:hover){color: var(--grey2);}
.Bottom003076 .copyright dd a:not(:last-child):after{display: inline-block; content: ''; width: 1px; height: 0.12rem;background: var(--grey2); margin: 0 0.12rem; vertical-align: middle;}
@media(max-width:1024px){
.Bottom003076 .bottom nav{display: none;}
.Bottom003076 .copyright{text-align: center;}
.Bottom003076 .copyright dd{padding-top: 0.1rem;}
}



.Place .current{color:#999;display:flex;align-items:center;}
.Place .current a,
.Place .current span{color:#999;margin:0 .05rem;padding-top:.16rem;padding-bottom:.16rem; }
.Place .current a:hover{color: var(--hover-color);}


.lm-title{margin-bottom:0.4rem; line-height: 1.2;font-size:var(--font-size40);color: var(--black);font-weight: 500;}
.lm-title.center{text-align: center;}


@media(max-width:1024px){
.Place .current{overflow: auto; white-space: nowrap;}
.lm-title{margin-bottom:0.3rem;font-size:var(--font-size30);}
}


.Product{ padding: var(--padMar60) 0;position: relative;}
@media (min-width:1025px) {
.Product .flex{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
.Product .left{width:2.8rem;}
.Product .right{flex:1;margin-left:.24rem;width: calc(100% - 2.8rem);}
.Product .left {position: sticky;top:0.7rem; }
}


.Menu dl{padding:0.25rem;border-radius: var(--radius); background: #fff;}
.Menu dt{ font-size: var(--font-size28) ; color: var(--black); font-weight: 500; margin-bottom: 0.15rem;}
.Menu dt.open_menu{ display: none;}
.Menu li b{display: block; line-height:1.5;padding:0.18rem 0 0.1rem 0; margin-bottom:0.12rem ; position: relative; border-bottom: solid 1px #e6e6e6;font-size:var(--font-size16) ; font-weight: 500; }
.Menu li b{display: flex;justify-content: space-between;align-items: center;}
.Menu li b a{ color: var(--black);}
.Menu li b i{display: block;width:.15rem;height:.15rem;position:relative;cursor:pointer; }
.Menu li b i::before,
.Menu li b i::after{content:'';display:block;position:absolute;left:50%;top:50%;width:100%;height:0.02rem;background-color:#666;}
.Menu li b i::before{transform:translate(-50%,-50%);}
.Menu li b i::after{transform:translate(-50%,-50%) rotate(90deg);opacity:0;}
.Menu li b i.cur::after{opacity:1;}
.Menu li.aon b i::before,
.Menu li.aon b i::after{ background: var(--hover-color);}
.Menu li a{display: block;line-height: 1.6; color: var(--black);}
.Menu li a:hover{color: var(--hover-color)}
.Menu li.aon b a{color: var(--hover-color)}
.Menu li .sub{display: none;}
.Menu li .sub span{display: block; position: relative; padding:0.04rem 0 0.04rem 0.2rem; font-weight: lighter; font-size: var(--font-size15) ;}
.Menu li .sub span:after{content: '';position: absolute;border: solid 0.03rem #fff; width: 0.1rem; height:0.1rem; background: #fff; border-radius: 0.5rem;box-shadow: 0 0 0 0.01rem #999; left: 0.02rem; top: 0.11rem}
.Menu li .sub span:not(.aon) a{color: var(--grey2);}
.Menu li .sub span:hover a,
.Menu li .sub span.aon a{color: var(--hover-color)}
.Menu li .sub span:hover:after,
.Menu li .sub span.aon:after{background: var(--hover-color); border-color: #fff;box-shadow: 0 0 0 0.01rem var(--hover-color);}
.Menu li.have_sub.aon b:after{transform: rotate(135deg);border-color: var(--hover-color);}



@media(max-width:1024px){
.Menu dl{padding: 0.2rem; position: relative}
.Menu dt{font-size:var(--font-size20) ;display:block; position: relative}
.Menu dt.side-title{ display: none;}
.Menu dt.open_menu{ display: block;}
.Menu dt:after {position: absolute;content: '';border: 0.08rem solid transparent;border-top-color: var(--hover-color);right: 0.1rem;top: 50%;margin-top: -0.04rem;}
.Menu dd{display: none;background: #fff;left: 0; border-radius:0.1rem;padding: 0.2rem; position: absolute;top: 100%;width: 100%; z-index: 200; border: solid 1px #eee}
.Menu dd ul{max-height:300px;overflow-y: auto; overflow-x: hidden;}
.Menu dd .sub{padding: 0px 0.1rem;}
.Menu li b{padding:0.1rem 0}
}


.Menu002306{padding:0.2rem;border-radius: var(--radius); background: #fff;}
.Menu002306 .side-title{font-size: var(--font-size28) ; color: var(--black); font-weight: 500; margin-bottom: 0.15rem;}
.Menu002306 .side-menu{ overflow:hidden;}
.Menu002306 .side-menu > ul > li{position: relative;}
.Menu002306 .side-menu li a{ display:block;}
.Menu002306 .side-menu > ul > li >a{display: block; line-height:1.5;padding:0.18rem 0 0.1rem 0; margin-bottom:0.12rem ; position: relative; border-bottom: solid 1px #e6e6e6;font-size:var(--font-size16) ; font-weight: 500;color: var(--black);  position:relative;padding-right: 0.2rem;}
.Menu002306 .side-menu > ul > li i{display: block;width:.12rem;height:.12rem;position:relative;cursor:pointer; position: absolute;top: 0.24rem; /* transform: translateY(-50%); */  right: 0; z-index: 10;}
.Menu002306 .side-menu > ul > li i::before,
.Menu002306 .side-menu > ul > li i::after{content:'';display:block;position:absolute;left:50%;top:50%;width:100%;height:0.02rem;background-color:#666;}
.Menu002306 .side-menu > ul > li i::before{transform:translate(-50%,-50%);}
.Menu002306 .side-menu > ul > li i::after{transform:translate(-50%,-50%) rotate(90deg);opacity:1;}
.Menu002306 .side-menu > ul > li.aon i::after{opacity:0;}
.Menu002306 .side-menu > ul > li.aon i::before,
.Menu002306 .side-menu > ul > li.aon i::after{ background: var(--hover-color);}
.Menu002306 .side-menu > ul > li > a:hover,
.Menu002306 .side-menu > ul > li.aon > a{ color:var(--hover-color); }
.Menu002306 .side-menu > ul > li.aon > a::after{ transform:rotate(135deg); border-color:var(--hover-color); }
.Menu002306 .side-menu > ul > li ul{ display:none; }
.Menu002306 .side-menu > ul > li > ul{ }
.Menu002306 .side-menu > ul > li > ul > li > a{ display: block; position: relative; line-height: 1.5; padding:0.05rem 0 0.05rem 0.2rem; font-weight: lighter; font-size: var(--font-size14) ;}
.Menu002306 .side-menu ul li ul li.select > a{ color:var(--hover-color); position: relative; }
.Menu002306 .side-menu ul li ul li > a::after{ content: '';position: absolute;border: solid 0.03rem #fff; width: 0.1rem; height:0.1rem; background: #fff; border-radius: 0.5rem;box-shadow: 0 0 0 0.01rem #999; left: 0.02rem; top: 0.1rem}
.Menu002306 .side-menu ul li ul li> a:hover::after,
.Menu002306 .side-menu ul li ul li.select > a::after{ background: var(--hover-color); border-color: #fff;box-shadow: 0 0 0 0.01rem var(--hover-color);}
.Menu002306 .side-open_menu{ display:none;}
@media(min-width:1025px){
.Menu002306 .side-menu{ display:block !important;}
}
@media(max-width:1024px){
.Menu002306{ padding: 0.2rem; margin-bottom: 0.2rem;}
.Menu002306 .side-title{line-height: 0.5rem;}
.Menu002306 .side-title{ display: none;}
.Menu002306 .side-open_menu{ display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:bold; color:var(--hover-color); border-radius:var(--radius); position:relative; font-size: var(--font-size18) ;}
.Menu002306 .side-open_menu::after{ position:absolute; content:''; border:0.08rem solid transparent; border-top-color:var(--hover-color); right:0rem; top:50%; margin-top:-0.04rem;}
.Menu002306 .side-menu{ display:none; padding-bottom:20px;}
}




/*scolor*/
.scolor {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;-webkit-flex-flow: wrap;-moz-flex-flow: wrap;-ms-flex-flow: wrap;-o-flex-flow: wrap;flex-flow: wrap;overflow: hidden;align-items: center;}
.scolor span {display: block;width: 0.20rem;height: 0.20rem;border-radius: 0.02rem;cursor: pointer;background: no-repeat center center;background-size: contain;}
.scolor .act {border: 1px solid var(--hover-color);}

/* spack */
.spack {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;-webkit-flex-flow: wrap;-moz-flex-flow: wrap;-ms-flex-flow: wrap;-o-flex-flow: wrap;flex-flow: wrap;overflow: hidden;align-items: center;}
.spack span {position: relative;display: flex;align-items: flex-end;flex: 1;height: 100%;}
.spack span:after {content: '';position: absolute;bottom: 0.02rem;left: 0.02rem;right: 0.02rem;height: 0.03rem;border-radius:  0.03rem;opacity: 1;background: #f4f2ed;transition: linear .2s;}
.spack span.on:after {opacity: 1;background: var(--hover-color);}



.Prolist .scolor {position: absolute;top: 0;left:0;z-index: 5;/* display: flex;flex-direction: column; */gap: 0.05rem;max-height: calc(100% - 0.2rem);overflow-y: auto; min-height: 1px;width: 0.20rem;}
.Prolist .spack {position: absolute;top: 0;left: 0;right: 0;z-index: 2;bottom:0;display: flex;align-items: flex-end;height: 100%;transition: linear .5s;opacity: 0;visibility: hidden;}
.Prolist li:hover .spack{opacity: 1; visibility: visible;}
.Prolist ul{ display: flex; flex-wrap: wrap;}
.Prolist li {float: left;margin-bottom: 2%; margin-right: 1%; position: relative;padding: 0.09rem; display: block; background-color: #fff;border-radius: var(--radius); overflow: hidden;border: 1px solid #fff;}
.Prolist li .pic{  position: relative;min-height: 1px;}
.Prolist li .label{position: absolute;top: 0rem;right:0;z-index: 6;}
.Prolist li .new{ font-size: var(--font-size10);color: var(--white); border-radius: 0.5rem; text-align: center;padding: 0 0.04rem;}
.Prolist li .new:not(:last-child){ margin-bottom: 0.05rem;}
.Prolist li a{padding:0 .44rem .05rem .25rem;display: block}
.Prolist li a:hover{ border-color: var(--hover-color);}
.Prolist li .imgbox{padding-top: 100%; transition: 0.3s; margin-bottom: 0.1rem;}
.Prolist li .imgbox img{width:100%; height:100%;object-fit: contain;}
.Prolist li .txt {overflow: hidden;padding-top: .05rem }
.Prolist li .tit{font-size: var(--font-size14); line-height: 1.4; height: 2.8em; margin-bottom: 0.08rem; font-weight: 500; }
.Prolist li .tit a{color: var(--black);padding-left: 0; padding-right: 0}
.Prolist li .model {color: var(--black);font-size: var(--font-size14); line-height: 1.3; font-weight: 500; margin-bottom: 0.12rem;}
.Prolist li .desc{color: var(--grey2);font-size: var(--font-size12); line-height: 1.4; font-weight: 100;}
.Prolist li .desc dd{width: 100%;display: flex;justify-content: space-between;align-items: center;gap: 10px;position: relative;}
.Prolist li .desc dd:not(:last-child){ margin-bottom: 0.05rem;}
.Prolist li .desc dd .line{flex-grow: 1;height: 0;border: 1px dashed #bcbcbc;border-bottom: none;margin: 0;}
.Prolist li .desc dd .zi{font-weight: 500;color: var(--black); }
.Prolist li a:hover{color: var(--hover-color);}

@media (min-width:1025px) {
.Prolist li{ width: 24.25%;}
.Prolist li:nth-child(4n){ margin-right: 0;}
}
@media (max-width:1024px) {
.Prolist li{ width: 49%;margin-right: 2%;}
.Prolist li:nth-child(2n){ margin-right: 0;}
.Prolist li .desc{font-size: var(--font-size10);}
}

.scolor::-webkit-scrollbar {width: 0px;}
.scolor::-webkit-scrollbar-track {background: #f1f1f1;}
.scolor::-webkit-scrollbar-thumb {background: #888;}
.scolor::-webkit-scrollbar-thumb:hover {background: #555;}


/*Page002623 */
.Page002623{padding: var(--padMar50) 0 0% 0 ; text-align: center;font-size: var(--font-size18);}
.Page002623 .Pages a.a_first,
.Page002623 .Pages a.a_end,
.Page002623 .Pages > span:not(.p_page){display: none;}
.Page002623 .Pages em{float: left;margin: 0 0.2rem; font-style: normal;}
.Page002623 .Pages .p_page{display: table; margin: 0 auto;}
.Page002623 .Pages a{float: left;line-height: 0.5rem; width: 0.5rem; margin: 0 0.05rem; border-radius: 0.5rem;background: var(--white);color: var(--black);}
.Page002623 .Pages a.a_cur,
.Page002623 .Pages a:hover{color: #fff;background: var(--hover-color); border-color: var(--hover-color); }
.Page002623 .Pages .p_page > a{font-size: 0;height: 0.5rem;position: relative; }
.Page002623 .Pages .p_page > a:before{position: absolute;content: '';border-top: 0.02rem solid var(--black);border-right: 0.02rem solid var(--black);left: 50%;top: 50%;width: 0.1rem;height: 0.1rem;transform: rotate(45deg);margin: -0.05rem 0 0 -0.05rem;}
.Page002623 .Pages .p_page > a.a_prev:before{transform: rotate(-135deg);}
.Page002623 .Pages a.a_prev:hover:before{border-color: #fff;}
.Page002623 .Pages a.a_next:hover:before{border-color: #fff;}
@media(max-width:640px){
.Page002623 .Pages em{display: none;}
.Page002623 .Pages a{background-color: #fff;}
}



.ProInfo{padding: var(--padMar60) 0;}
.ProInfo .box{ background-color: var(--white); border-radius: var(--radius); padding: 0.24rem;}

.ProInfo .Proimg{width: 100%;display: flex;position: relative;gap: 0.1rem; margin-bottom: 0.2rem;}
.ProInfo .Proimg .label{position: absolute;top: 0rem;right: 0rem;z-index: 6;}
.ProInfo .Proimg .new{ font-size: var(--font-size10);color: var(--white);  border-radius: 0.5rem; text-align: center;padding: 0 0.04rem;}
.ProInfo .Proimg .new:not(:last-child){ margin-bottom: 0.05rem;}
.ProInfo .Proimg .leftimg{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
.ProInfo .Proimg .shape{display: flex;flex-direction: column;gap: 0.1rem; width: 0.8rem;}
.ProInfo .Proimg .shape span{display: block;width: 0.8rem;height: 0.8rem;border-radius: 0.05rem;cursor: pointer;background: no-repeat center center;background-size: contain;}
.ProInfo .Proimg .shape span.on{border: 1px solid var(--hover-color);}
.ProInfo .Proimg .imgbox{flex: 1; margin-left:0.24rem;margin-right: 0.68rem;}

.ProInfo .Pronote .Coltit{font-size: var(--font-size18);color: var(--black); line-height: 1.5; font-weight: 500;  margin-bottom: 0.1rem;}
.ProInfo .Pronote .Procolor{display: flex;gap: 0.1rem;}
.ProInfo .Pronote .Procolor span{display: block;width: 1.2rem;height: 1.2rem;border-radius: 0.05rem;cursor: pointer;background: no-repeat center center;background-size: contain;}

.ProInfo .Protext .title{font-size: var(--font-size24);color: var(--black); line-height: 1.4; font-weight: 500;  margin-bottom: 0.12rem;}
.ProInfo .Protext .model {color: var(--grey2);font-size: var(--font-size16); line-height: 1.5; }

.ProInfo .Prodintro{ margin-top: 0.2rem;}
.ProInfo .tab .h1_tab{margin:0;margin-bottom:3%;border-bottom:1px solid #eee;overflow:hidden;font-weight:normal;color:var(--black);}
.ProInfo .tab .h1_tab span{float:left; line-height:0.26rem;font-size:var(--font-size16); color: var(--grey); padding-bottom: 0.12rem; cursor:pointer; position: relative;}
.ProInfo .tab .h1_tab span:not(:last-child){margin-right: 0.15rem;}
.ProInfo .tab .h1_tab span:after{position: absolute;content: ''; height: 2px;width: 0;transition: 0.3s;background-color: var(--hover-color); left: 50%;transform: translateX(-50%); bottom: 0;}
.ProInfo .tab .h1_tab span:hover,
.ProInfo .tab .h1_tab span.on{color: var(--black); font-weight: 500;}
.ProInfo .tab .h1_tab span:hover:after,
.ProInfo .tab .h1_tab span.on:after{width: 100%;}
.ProInfo .Prodintro .singlePage{line-height: 1.7; margin: 0.2rem 0 0.15rem 0; color: var(--grey2); font-size: var(--font-size14);}
.ProInfo .Prodintro .feature{ display: flex;flex-wrap: wrap;justify-content: space-between;}
.ProInfo .Prodintro .feature .item{width: 49%;margin-bottom: 0.2rem;}
.ProInfo .Prodintro .feature .item .tit{color:var(--black); font-weight: 500;}
.ProInfo .Prodintro .feature .item .desc{color:var(--grey);}

.ProInfo .Inventory{ margin-top: 0.2rem; padding: 0.4rem 0.24rem;}
.ProInfo .Inventory .title{font-size: var(--font-size26);color: var(--black); line-height: 1.2; font-weight: 500;  margin-bottom: 0.12rem;}

.ProInfo .Inventory .list_dl dl{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;  border-bottom: 1px solid #eee; padding: 0.12rem 0.12rem;}
.ProInfo .Inventory .list_dl dl.dl:hover{background-color: #f1f1f1;}
.ProInfo .Inventory .list_dl dl span{font-size:var(--font-size16);color:var(--grey);display:block;float:left; width:30%;position:relative;}
.ProInfo .Inventory .list_dl dl span:nth-child(1){width:68%;}
.ProInfo .Inventory .list_dl .thead{padding: 0.12rem 0rem; border-bottom: none;}
.ProInfo .Inventory .list_dl .thead span{ font-size:var(--font-size22); color:var(--black);  font-weight:500;width:60%; }
.ProInfo .Inventory .list_dl dl img{ max-width: 0.4rem; margin-right: 0.1rem;}

@media (min-width:1025px) {
.ProInfo .flex{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
.ProInfo .left{width: 59%;}
.ProInfo .right{width: 39%;}

}
@media(max-width:1024px){
.ProInfo .box{ padding: 0.2rem;}
.ProInfo .left{ margin-bottom: 0.2rem;}
.ProInfo .Proimg .imgbox{ margin-left: 0.3rem;}
.ProInfo .tab .h1_tab span:not(:last-child){margin-right: 0.08rem;}
.ProInfo .Inventory .list_dl .thead span{ font-size:var(--font-size20); }
.ProInfo .Inventory .list_dl dl span{ width: 20%;}
.ProInfo .Inventory .list_dl dl span:nth-child(1){width:78%;}
}


.RelPro{ padding:0 0 var(--padMar80) 0; overflow: hidden;}
.RelPro .list{/* margin: 0 -0.1rem; */position: relative;}
.RelPro .scolor {position: absolute;top: 0.2rem;left: 0.2rem;z-index: 3;display: flex;flex-direction: column;gap: 0.05rem;max-height: calc(100% - 20px);overflow-y: auto;}
.RelPro .item{/* margin: 0 0.1rem; */height: auto;}
.RelPro .item .change{ padding: 0.2rem; display: block; background-color: #fff;border-radius: var(--radius);height: 100%; overflow: hidden;border: 1px solid #fff;}
.RelPro .item a:hover{ border-color: var(--hover-color);}
.RelPro .item .imgbox{padding-top: 100%; transition: 0.3s; margin-bottom: 0.15rem;  }
.RelPro .item a:hover .imgbox img{transform: scale(1.1);}
.RelPro .item .txt {overflow: hidden; text-align: center; }
.RelPro .item .tit{font-size: var(--font-size16);color: var(--black); line-height: 1.4;  margin-bottom: 0.1rem; }
.RelPro .item .model {color: var(--grey);font-size: var(--font-size14); line-height: 1.5; }
.RelPro .item:hover .tit{color: var(--hover-color);}

.RelPro .swiper_btns{position: absolute;width: 100%;top: 50%;z-index: 22; padding: 0;transition: 0.5s; transform: translateY(-50%);display: flex;justify-content: space-between;}
.RelPro .swiper_btn{width: 0.5rem; height: 0.5rem;  border-radius: 0.5rem;  background: #fff; position: relative;}
.RelPro .swiper_btn:before{position: absolute; content: ''; width: 20%; height: 20%;border-left: 2px solid var(--hover-color);border-top: 2px solid var(--hover-color); transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg); left: 40%; top: 40%;}
.RelPro .next:before{transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);}
.RelPro .swiper_btn:hover {background-color: var(--hover-color);border-color: var(--hover-color);}
.RelPro .swiper_btn:hover:before{ border-color: #fff;}
.RelPro .swiper_btn.swiper-button-disabled{ opacity: 0.5;}
@media (min-width:1025px) { 
.RelPro .prev{left:-0.65rem;}
.RelPro .next{right:-0.65rem;}
}
@media (max-width:1400px){
.RelPro .prev{left:-0.15rem;}
.RelPro .next{right:-0.15rem;}
}
@media (max-width:1024px) {
.RelPro .prev{left:0rem;}
.RelPro .next{right:0rem;}
.RelPro .swiper_btn{ border: 1px solid var(--hover-color);}
}


.SingleInfo{padding:var(--padMar60) 0;}
.SingleInfo .edit_info{line-height:2; color: #333333;}
.SingleInfo li{ margin-bottom: 1%;}

.Conbg {background-color: #fff;padding: 0.4rem;border-radius: var(--radius);}
@media (max-width:1024px) {
.Conbg { padding: 0.2rem;}
}


.ContactInfo{padding:var(--padMar60) 0;}
.ContactInfo .info h2{font-size: var(--font-size26); line-height: 1.2; color: #333; margin: 0;margin-bottom: 0.18rem; }
.ContactInfo .Contact li{display: flex;flex-wrap: wrap;align-items: center;border-bottom: 1px dashed #e6e6e6; padding:0.2rem 0 ;}
.ContactInfo .Contact li .icon{width: 0.42rem;}
.ContactInfo .Contact li .icon img{max-width: 0.25rem;}
.ContactInfo .Contact li .txt{font-size: var(--font-size18);color: var(--black);  width: calc(100% - 0.42rem);}
.ContactInfo .Contact li .txt .tit{  }
.ContactInfo .Contact li .txt p{ margin: 0; line-height: 1.5;font-size: var(--font-size20);  }
.ContactInfo .pic { border-radius: 0.1rem;; overflow: hidden}
.ContactInfo .pic img{ border-radius: 0.1rem;} 
@media (min-width:1025px) { 
.ContactInfo .box{display: flex; flex-wrap: wrap;justify-content: space-between;align-items: center;  }
.ContactInfo .Contact{width:48%;}
.ContactInfo .pic{width:48%;}

}
@media (max-width:1024px) {
.ContactInfo .Contact{ margin-bottom: 0.2rem;}
}
/* 0804 */
.Place{
	background-color: #fff;
}
.ProInfo,
.HomeAdv,
.HomeHot,
.HomeBan{
	padding-top: 0.4rem;
	padding-bottom: 0;
}
.ContactInfo,
.HomeAbout,
.RelPro,
.Product{
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
}
.HomeHot .item .tit{
	min-height: 0.52rem;
}
.Menu002306 .side-menu ul li ul li > a::after{
	top: 0.08rem;
}